HTML: The Complete Reference, Second Edition

Thomas A. Powell
Osborne/McGraw-Hill
Berkeley New York St. Louis San Francisco
Auckland Bogotá Hamburg London Madrid
Mexico City Milan Montreal New Delhi Panama City
Paris São Paulo Singapore Sydney
Tokyo Toronto

Contents
Acknowledgments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xix
Preface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xxi
Part I
Web Basics
1 Introduction to HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
Basic HTML Concepts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
HTML: A Structured Language . . . . . . . . . . . . . . . . . . . . . . . 7
Overview of HTML Markup . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Logical and Physical HTML . . . . . . . . . . . . . . . . . . . . . . . . . . 13
What HTML Is Not . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
2 Web Publishing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
What Is Good Web Design? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
The Process of Web Publishing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
Determining Purpose . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
Who Is the Audience? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
Who Will Pay for It? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
Defining Goals . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
Defining Scope . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
Organization of Information . . . . . . . . . . . . . . . . . . . . . . . . . 29
Determining the Site Plan . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
Implementation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37
Gathering and Creating the Content . . . . . . . . . . . . . . . . . . 37
Visual Design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
Technology Design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
Producing the HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39
Testing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
Maintenance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
The Phases of Web Site Development . . . . . . . . . . . . . . . . . . . . . . . . 45
HTML’s Role in the Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
Historical Roots of HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
Mosaic: The Web Community Changes . . . . . . . . . . . . . . . . 47
The Rise of Netscape . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48
The Market Matures: Microsoft Enters . . . . . . . . . . . . . . . . . 49
From Pages to Programs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
Issues Facing HTML and the Web . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
3 Introduction to Common HTML . . . . . . . . . . . . . . . . . . . 53
HTML Overview . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54
HTML Rules and Guidelines . . . . . . . . . . . . . . . . . . . . . . . . . 55
The Structure of HTML Documents . . . . . . . . . . . . . . . . . . . . . . . . . . 59
Document Types . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
The Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61
The Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62
The Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63
The Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66
HTML Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66
Core Attributes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66
Language Attributes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68
Core Events . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68
Block-Level Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69
Text-Level Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94
Character Entities . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103
4 Links and Addressing . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105
Linking Basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106
What Are URLs? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109
Basic Concepts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110
Formula for a URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118
Relative URLs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127
Linking in HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129
The Anchor Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129
Link Renderings . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132
Anchor Attributes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133
Using the NAME Attribute . . . . . . . . . . . . . . . . . . . . . . . . . . 134
TITLE Attributes for Anchors . . . . . . . . . . . . . . . . . . . . . . . . 136
Accelerator Keys . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138
TABINDEX Attribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139
TARGET Attribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139
Anchors and Link Relationships . . . . . . . . . . . . . . . . . . . . . . 140
Scripting and Anchors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140
Images and Anchors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 141
Image Maps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142
Server-Side Image Maps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 143
Client-Side Image Maps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 144
Image Map Attributes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149
Semantic Linking with the Element . . . . . . . . . . . . . . . . . . 154
Link Relationships in Detail . . . . . . . . . . . . . . . . . . . . . . . . . . 154
WebTV Support for . . . . . . . . . . . . . . . . . . . . . . . . . 160
and Style Sheets . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160
Meta-Information . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161
and the NAME Attribute . . . . . . . . . . . . . . . . . . . 162
META and HTTP-EQUIV . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163
Client-Pull . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164
Site Filtering . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164
Linking Issues . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168
Beyond Location . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170
Problems with URLs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170
URNs, URCs, and URIs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171
New URL Forms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 174
5 HTML and Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175
The Role of Images on the Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 176
Image Preliminaries . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177
GIF Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179
JPEG Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186
PNG Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187
Other Useful Image Formats . . . . . . . . . . . . . . . . . . . . . . . . . 187
Image Downloading Issues . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187
Obtaining Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189
HTML Image Basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191
ALT Attribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192
Image Alignment . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 196
HSPACE and VSPACE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200
Extensions to
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202
HEIGHT and WIDTH . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205
LOWSRC . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206
Images as Buttons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 207
Image Maps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209
Server-Side Image Maps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209
Client-Side Image Maps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210
Advanced Image Considerations: Scripting,
Style, and . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 212
Part II
Presentation and Layout
6 Introduction to Layout: Backgrounds, Colors,
and Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215
Design Requirements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216
HTML Approach to Web Design . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217
Text Alignment with Traditional HTML Elements . . . . . . 217
The Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219
Alignment Attributes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219
Word Hinting with and . . . . . . . . . . . . . 219
Alignment with Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220
Invisible Images and Layout . . . . . . . . . . . . . . . . . . . . . . . . . 221
The Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222
The Element . . . . . . . . . . . . . . . . . . . . . . . . . 224
Fonts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 227
Document-Wide Font Settings . . . . . . . . . . . . . . . . . . . . . . . . 229
Downloadable Fonts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 230
Netscape’s Dynamic Fonts . . . . . . . . . . . . . . . . . . . . . . . . . . . 231
Microsoft’s Dynamic Fonts . . . . . . . . . . . . . . . . . . . . . . . . . . 232
Colors in HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233
Document-Wide Color Attributes for . . . . . . . . . . . . . . . . 235
Background Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237
Internet Explorer Background Attributes . . . . . . . . . . . . . . 240
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 241
7 Layout with Tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 243
Introduction to Tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244
Simple Tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244
ROWSPAN and COLSPAN . . . . . . . . . . . . . . . . . . . . . . . . . . 246
Tables for Layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249
Tables in HTML 4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 256
Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 259
Databinding: Tables Generated
from a Data Source . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 259
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263
8 Advanced Layout: Frames and Layers . . . . . . . . . . . . . . 265
Frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266
Overview of Frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 267
Simple Frame Example . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 267
Frame Targeting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272
Floating Frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275
Using Frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 276
Frame Problems . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277
Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 278
Positioned Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 279
Inflow Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 281
Interesting Uses of Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . 283
Programming Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287
9 HTML and Other Media Types . . . . . . . . . . . . . . . . . . . . 289
HTML and Binary Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290
Plug-Ins and . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290
ActiveX Controls and . . . . . . . . . . . . . . . . . . . . . 292
Java Applets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293
Media-Like Element: . . . . . . . . . . . . . . . . . . . . . . . . . . 295
Audio Support in Browsers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 297
Digital Sound Basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298
Audio File Formats and Compression . . . . . . . . . . . . . . . . . 298
Downloading and Playing Audio . . . . . . . . . . . . . . . . . . . . . 298
Video Support . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 308
Digital Video Basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309
Video File Formats and Compression . . . . . . . . . . . . . . . . . 309
Waiting for Video . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309
Other Video Formats . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 322
Other Binary Formats . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 322
Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 323
Acrobat . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 325
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 326
10 Style Sheets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 327
The Rise of Style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 328
Style Sheet Basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 329
Adding Style to a Document . . . . . . . . . . . . . . . . . . . . . . . . . 330
Style Sheet Example . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 342
Style Sheet Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 344
Font Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 344
Color and Background Properties . . . . . . . . . . . . . . . . . . . . . 351
Text Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 356
Box Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 361
Classification Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 374
Positioning with Style Sheets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 378
Positioning and Sizing of Regions . . . . . . . . . . . . . . . . . . . . 379
CSS2: New Feature Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 386
Media Types . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 386
User Interface Changes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 389
Microsoft-Specific Style Sheet Properties . . . . . . . . . . . . . . . . . . . . . . 397
Filters . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 397
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 404
Part III
Programming and HTML
11 Basic Interactivity and HTML: Forms . . . . . . . . . . . . . . . 407
How Are Forms Used? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 408
Form Preliminaries . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 409
The Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 410
ACTION Attribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 410
METHOD Attribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 411
NAME Attribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 413
ENCTYPE Attribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 414
Simple Syntax . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 415
Complete Syntax . . . . . . . . . . . . . . . . . . . . . . . . . . 416
Form Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 419
Text Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 419
Additional Types . . . . . . . . . . . . . . . . . . . . . . . . . . 433
New and Emerging Form Elements . . . . . . . . . . . . . . . . . . . . . . . . . . 438
Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 438
Labels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 439
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 439
Form Accessibility Enhancements . . . . . . . . . . . . . . . . . . . . 441
Miscellaneous HTML 4 Form Attributes . . . . . . . . . . . . . . . 443
Form Presentation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 443
Special Form Considerations for WebTV . . . . . . . . . . . . . . . . . . . . . . 448
Forms and Events . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 448
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 451
12 Introduction to Server-Side Programming . . . . . . . . . . . 453
Overview of Client/Server Programming on the Web . . . . . . . . . . 454
Server-Side Programming . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 457
Common Gateway Interface (CGI) . . . . . . . . . . . . . . . . . . . . . . . . . . . 458
CGI Output . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 461
Passing Information to a CGI Program: Environment
Variables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 464
Passing Information to a CGI Program: Form Data . . . . . . 468
Writing CGI Programs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 470
Buying or Borrowing CGI Programs . . . . . . . . . . . . . . . . . . 471
NSAPI/ISAPI . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 472
Parsed HTML Solutions: Server-Side Scripting . . . . . . . . . . . . . . . . 472
Server-Side Includes (SSIs) . . . . . . . . . . . . . . . . . . . . . . . . . . . 473
ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 479
Using CFML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 479
CFML Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 488
Active Server Pages (ASP) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 490
Creating ASP Pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 491
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 496
13 Introduction to Scripting and HTML . . . . . . . . . . . . . . . 497
The Purpose of Scripting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 498
JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 499
VBScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 502
Including Scripts in an HTML Document . . . . . . . . . . . . . . . . . . . . . 504
Specifying the Scripting Language . . . . . . . . . . . . . . . . . . . . 508
External Scripts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 509
Scripting and Non-Script-Aware Browsers . . . . . . . . . . . . . 510
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 511
Script Events and HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 512
Extended Event Models . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 518
Form Validation in JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 529
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 533
14 Dynamic HTML (DHTML) . . . . . . . . . . . . . . . . . . . . . . . . 535
Dynamic HTML and the Document Object Model . . . . . . . . . . . . . . 536
Object Models . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 539
HTML and Scripting Access . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 542
Rollover Buttons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 547
Style Sheet–Based Rollovers . . . . . . . . . . . . . . . . . . . . . . . . . . 549
Moving Objects with DHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 551
Ramifications of DHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 557
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 558
15 Client-Side Programming and HTML . . . . . . . . . . . . . . . 559
Scripting, Programming, and Objects . . . . . . . . . . . . . . . . . . . . . . . . . 560
Plug-Ins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 561
Syntax . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 563
Java Applets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 569
Syntax . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 572
Java and Scripting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 574
Using Java Without Programming . . . . . . . . . . . . . . . . . . . . 577
ActiveX Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 578
Adding Controls to Web Pages . . . . . . . . . . . . . . . . . . . . . . . 580
Cross-Platform Support with Plug-Ins
and ActiveX Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 588
The Future of . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 590
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 590
Part IV
Site Delivery
16 Putting It All Together: Delivering the Web Site . . . . . . 595
Publishing the Site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 596
Outsourcing Web Hosting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 596
Virtual Hosting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 599
Running a Local Web Server . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 600
Selecting a Web Server . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 600
How Web Servers Work . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 604
HTTP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 605
MIME . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 621
Speed and State Problems with HTTP . . . . . . . . . . . . . . . . . 622
The Realities of Publishing and Maintaining a Web Site . . . . . . . . . 623
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 623
Part V
New Horizons
17 XML: Beyond HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 627
Relationship Among HTML, SGML, and XML . . . . . . . . . . . . . . . . . 628
Basic XML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 630
Valid Documents . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 632
Ways to Use XML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 638
XML for Data Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 638
Embedding XML into HTML Documents . . . . . . . . . . . . . . 640
Converting XML to HTML for Display . . . . . . . . . . . . . . . . 643
Displaying XML Documents by Using CSS and XSL . . . . . 645
Rewriting HTML as XML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 649
Predicting the Future of XML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 651
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 652
18 Future Directions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 653
Presentation Issues . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 654
Programming Issues . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 655
Structure . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 658
Web-Wide Problems . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 661
Application-Specific Presentation . . . . . . . . . . . . . . . . . . . . . . . . . . . . 663
What Is the Future of HTML? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 664
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 665
Part VI
Appendixes
A HTML Element Reference . . . . . . . . . . . . . . . . . . . . . . . . . 669
Core Attributes Reference . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 670
CLASS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 670
ID . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 670
STYLE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 671
TITLE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 671
Language Reference . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 672
LANG . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 672
DIR . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 672
Events Reference . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 672
Extended Events . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 672
HTML Element Reference . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 681


Teach Yourself HTML 3.2 in 24 Hours
How To Use HTML 3.2
HTML Tutorial
Introduction to HTML
Other Web Programming Books
Download