Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63 The <BODY> 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 C o n t e n t s vii 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 <LINK> Element . . . . . . . . . . . . . . . . . . 154 Link Relationships in Detail . . . . . . . . . . . . . . . . . . . . . . . . . . 154 WebTV Support for <LINK> . . . . . . . . . . . . . . . . . . . . . . . . . 160 <LINK> and Style Sheets . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160 Meta-Information . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161 <META> 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 viii H T M L : T h e C o m p l e t e R e f e r e n c e Image Alignment . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 196 HSPACE and VSPACE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200 Extensions to <BR> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 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 <OBJECT> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 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 <CENTER> Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219 Alignment Attributes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219 Word Hinting with <NOBR> and <WBR> . . . . . . . . . . . . . 219 Alignment with Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220 Invisible Images and Layout . . . . . . . . . . . . . . . . . . . . . . . . . 221 The <SPACER> Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222 The <MULTICOL> 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 <BODY> . . . . . . . . . . . . . . . . 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 C o n t e n t s ix Tables in HTML 4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 256 <TABLE> 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 <EMBED> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290 ActiveX Controls and <OBJECT> . . . . . . . . . . . . . . . . . . . . . 292 Java Applets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293 Media-Like Element: <MARQUEE> . . . . . . . . . . . . . . . . . . . . . . . . . . 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 x H T M L : T h e C o m p l e t e R e f e r e n c e 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 <FORM> Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 410 ACTION Attribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 410 METHOD Attribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 411 NAME Attribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 413 ENCTYPE Attribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 414 Simple <FORM> Syntax . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 415 Complete <FORM> Syntax . . . . . . . . . . . . . . . . . . . . . . . . . . 416 Form Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 419 Text Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 419 Additional <INPUT> Types . . . . . . . . . . . . . . . . . . . . . . . . . . 433 New and Emerging Form Elements . . . . . . . . . . . . . . . . . . . . . . . . . . 438 <BUTTON> Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 438 Labels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 439 <FIELDSET> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 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</article></body></html>

HTML: The Complete Reference, Second Edition About the Author ... Thomas Powell has been professionally involved in the Internet community since 1987. His career began with network support at UCLA’s PICnet, followed by several years at CERFnet. In 1994, he founded Powell Internet Consulting, LLC (www.pint.com), a firm specializing in advanced Web design and development. Powell is the author of two other popular Web development books: Web Site Engineering (with Dominique Cutts and David Jones) and the HTML Programmer's Reference (with Dan Whitworth). He has written extensively about the Web and development technologies for NetGuide, Internet Week, Interactive Age, Communications Week, and Network World. Mr. Powell teaches Web publishing classes through the Information Technologies program at UCSD Extension. He holds a B.S. in Math Applied Science from UCLA and an M.S. in Computer Science from UCSD. Copyright 1999 The McGraw-Hill Companies. Click Here for Terms of Use. 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 McGraw-Hill abc Copyright © 1999 by The McGraw-Hill Companies. All rights reserved. Manufactured in the United States of America. Except as per- mitted under the United States Copyright Act of 1976, no part of this publication may be reproduced or distributed in any form or by any means, or stored in a database or retrieval system, without the prior written permission of the publisher. 0-07-213286-8 The material in this eBook also appears in the print version of this title: 0-07211977-2. All trademarks are trademarks of their respective owners. Rather than put a trademark symbol after every occurrence of a trademarked name, we use names in an editorial fashion only, and to the benefit of the trademark owner, with no intention of infringement of the trademark. Where such designations appear in this book, they have been printed with initial caps. McGraw-Hill eBooks are available at special quantity discounts to use as premiums and sales promotions, or for use in corporate train- ing programs. For more information, please contact George Hoare, Special Sales, at 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 v Copyright 1999 The McGraw-Hill Companies. Click Here for Terms of Use. vi H T M L : T h e C o m p l e t e R e f e r e n c e 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 <BODY> 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 C o n t e n t s vii 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 <LINK> Element . . . . . . . . . . . . . . . . . . 154 Link Relationships in Detail . . . . . . . . . . . . . . . . . . . . . . . . . . 154 WebTV Support for <LINK> . . . . . . . . . . . . . . . . . . . . . . . . . 160 <LINK> and Style Sheets . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160 Meta-Information . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161 <META> 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 viii H T M L : T h e C o m p l e t e R e f e r e n c e Image Alignment . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 196 HSPACE and VSPACE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200 Extensions to <BR> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 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 <OBJECT> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 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 <CENTER> Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219 Alignment Attributes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219 Word Hinting with <NOBR> and <WBR> . . . . . . . . . . . . . 219 Alignment with Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220 Invisible Images and Layout . . . . . . . . . . . . . . . . . . . . . . . . . 221 The <SPACER> Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222 The <MULTICOL> 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 <BODY> . . . . . . . . . . . . . . . . 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 C o n t e n t s ix Tables in HTML 4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 256 <TABLE> 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 <EMBED> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290 ActiveX Controls and <OBJECT> . . . . . . . . . . . . . . . . . . . . . 292 Java Applets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293 Media-Like Element: <MARQUEE> . . . . . . . . . . . . . . . . . . . . . . . . . . 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 x H T M L : T h e C o m p l e t e R e f e r e n c e 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 <FORM> Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 410 ACTION Attribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 410 METHOD Attribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 411 NAME Attribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 413 ENCTYPE Attribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 414 Simple <FORM> Syntax . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 415 Complete <FORM> Syntax . . . . . . . . . . . . . . . . . . . . . . . . . . 416 Form Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 419 Text Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 419 Additional <INPUT> Types . . . . . . . . . . . . . . . . . . . . . . . . . . 433 New and Emerging Form Elements . . . . . . . . . . . . . . . . . . . . . . . . . . 438 <BUTTON> Element . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 438 Labels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 439 <FIELDSET> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 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</article></body></html>

HTML: the complete reference

Similar HTML: the complete reference