|
|
|
Copyright
|
|
|
|
Special thanks to
|
|
|
|
Chapter i. Introduction
|
|
|
|
|
The Internet, the Web, and HTML
|
|
|
|
|
Open but Not Equal
|
|
|
|
|
The Browser Wars
|
|
|
|
|
The Push for Standards
|
|
|
|
|
CSS and Browser Support
|
|
|
|
|
XHTML vs. HTML: What Should You Use?
|
|
|
|
|
How This Book Works
|
|
|
|
|
What's Changed in the Sixth Edition
|
|
|
|
|
The HTML VQS Web Site
|
|
|
|
Chapter 1. Web Page Building Blocks
|
|
|
|
|
Markup: Elements, Attributes, and Values
|
|
|
|
|
A Web Page's Text Content
|
|
|
|
|
Links, Images, and Other Non-Text Content
|
|
|
|
|
File Names
|
|
|
|
|
URLs
|
|
|
|
|
HTML vs. XHTML
|
|
|
|
|
Versions, Flavors, and DOCTYPE
|
|
|
|
|
The Default Display of (X)HTML
|
|
|
|
Chapter 2. Working with Web Page Files
|
|
|
|
|
Designing Your Site
|
|
|
|
|
Creating a New Web Page
|
|
|
|
|
Saving Your Web Page
|
|
|
|
|
About Microsoft Word and Web Pages
|
|
|
|
|
Specifying a Default or "Home" Page
|
|
|
|
|
Editing Web Pages
|
|
|
|
|
Organizing Files
|
|
|
|
|
Viewing Your Page in a Browser
|
|
|
|
|
The Inspiration of Others
|
|
|
|
Chapter 3. Basic (X)HTML Structure
|
|
|
|
|
Starting Your Web Page
|
|
|
|
|
Creating the Foundation
|
|
|
|
|
Declaring the Encoding
|
|
|
|
|
Creating a Title
|
|
|
|
|
Creating Section Headers
|
|
|
|
|
Starting a New Paragraph
|
|
|
|
|
Naming Elements
|
|
|
|
|
Breaking up a Page into Divisions
|
|
|
|
|
Creating Inline Spans
|
|
|
|
|
Creating a Line Break
|
|
|
|
|
Adding Comments
|
|
|
|
|
Labeling Elements in a Web Page
|
|
|
|
Chapter 4. Basic (X)HTML Formatting
|
|
|
|
|
Making Text Bold or Italic
|
|
|
|
|
Changing the Size of Text
|
|
|
|
|
Using a Monospaced Font
|
|
|
|
|
Using Preformatted Text
|
|
|
|
|
Quoting Text
|
|
|
|
|
Creating Superscripts and Subscripts
|
|
|
|
|
Marking Changed Text
|
|
|
|
|
Explaining Abbreviations
|
|
|
|
|
Centering Elements on a Page
|
|
|
|
Chapter 5. IMAGES
|
|
|
|
|
About Images for the Web
|
|
|
|
|
Getting Images
|
|
|
|
|
Choosing an Image Editor
|
|
|
|
|
The Save for Web Command
|
|
|
|
|
Inserting Images on a Page
|
|
|
|
|
Offering Alternate Text
|
|
|
|
|
Specifying Size for Speedier Viewing
|
|
|
|
|
Scaling an Image
|
|
|
|
|
Making Images Smaller
|
|
|
|
|
Making Images Float
|
|
|
|
|
Stopping Elements from Wrapping
|
|
|
|
|
Adding Space around an Image
|
|
|
|
|
Aligning Images
|
|
|
|
|
Adding Horizontal Rules
|
|
|
|
|
Adding an Icon for Your Web Site
|
|
|
|
Chapter 6. Links
|
|
|
|
|
Creating a Link to Another Web Page
|
|
|
|
|
Creating Anchors
|
|
|
|
|
Linking to a Specific Anchor
|
|
|
|
|
Targeting Links to Specific Windows
|
|
|
|
|
Setting the Default Target
|
|
|
|
|
Creating Other Kinds of Links
|
|
|
|
|
Creating Keyboard Shortcuts for Links
|
|
|
|
|
Setting the Tab Order for Links
|
|
|
|
|
Using Images to Label Links
|
|
|
|
|
Linking Thumbnails to Images
|
|
|
|
|
Dividing an Image into Clickable Regions
|
|
|
|
|
Creating a Client-Side Image Map
|
|
|
|
Chapter 7. Style Sheet Building Blocks
|
|
|
|
|
Constructing a Style Rule
|
|
|
|
|
Adding Comments to Style Rules
|
|
|
|
|
The Cascade: When Rules Collide
|
|
|
|
|
A Property's Value
|
|
|
|
Chapter 8. Working with Style Sheet Files
|
|
|
|
|
Creating an External Style Sheet
|
|
|
|
|
Linking External Style Sheets
|
|
|
|
|
Offering Alternate Style Sheets
|
|
|
|
|
Creating an Internal Style Sheet
|
|
|
|
|
Importing External Style Sheets
|
|
|
|
|
Using Media-Specific Style Sheets
|
|
|
|
|
Applying Styles Locally
|
|
|
|
|
The Importance of Location
|
|
|
|
|
The Inspiration of Others: CSS
|
|
|
|
Chapter 9. Defining Selectors
|
|
|
|
|
Constructing Selectors
|
|
|
|
|
Selecting Elements by
Name
|
|
|
|
|
Selecting Elements by ID or Class
|
|
|
|
|
Selecting Elements by Context
|
|
|
|
|
Selecting Part of an Element
|
|
|
|
|
Selecting Link Elements Based on Their State
|
|
|
|
|
Selecting Elements Based on Attributes
|
|
|
|
|
Specifying Groups of Elements
|
|
|
|
|
Combining Selectors
|
|
|
|
Chapter 10. Formatting with Styles
|
|
|
|
|
Choosing a Font Family
|
|
|
|
|
Specifying Alternate Fonts
|
|
|
|
|
Creating Italics
|
|
|
|
|
Applying Bold Formatting
|
|
|
|
|
Setting the Font Size
|
|
|
|
|
Setting the Line Height
|
|
|
|
|
Setting All Font Values at Once
|
|
|
|
|
Setting the Color
|
|
|
|
|
Changing the Text's Background
|
|
|
|
|
Controlling Spacing
|
|
|
|
|
Adding Indents
|
|
|
|
|
Setting White Space Properties
|
|
|
|
|
Aligning Text
|
|
|
|
|
Changing the Text Case
|
|
|
|
|
Using Small Caps
|
|
|
|
|
Decorating Text
|
|
|
|
Chapter 11. Layout with Styles
|
|
|
|
|
Structuring Your Pages
|
|
|
|
|
The Box Model
|
|
|
|
|
Changing the Background
|
|
|
|
|
Setting the Height or Width for an Element
|
|
|
|
|
Setting the Margins around an Element
|
|
|
|
|
Adding Padding Around an Element
|
|
|
|
|
Offsetting Elements in the Natural Flow
|
|
|
|
|
Positioning Elements Absolutely
|
|
|
|
|
Affixing an Element to the Browser Window
|
|
|
|
|
Making Elements Float
|
|
|
|
|
Controlling Where Elements Float
|
|
|
|
|
Positioning Elements in 3D
|
|
|
|
|
Setting the Border
|
|
|
|
|
Changing the Cursor
|
|
|
|
|
Determining Where Overflow Should Go
|
|
|
|
|
Aligning Elements Vertically
|
|
|
|
Chapter 12. Dynamic Effects with Styles
|
|
|
|
|
Displaying and Hiding Elements
|
|
|
|
|
Creating Rollover Buttons
|
|
|
|
|
Creating Pop-ups
|
|
|
|
|
Creating Drop-Down Menus with Lists
|
|
|
|
|
Replacing Headers with Images
|
|
|
|
Chapter 13. Style Sheets For Handhelds
|
|
|
|
|
Mobilize vs. Miniaturize
|
|
|
|
|
Looking at Your Site
|
|
|
|
|
XHTML and CSS for Handhelds
|
|
|
|
|
Creating Style Sheets for Handhelds
|
|
|
|
|
Hiding Extraneous Elements
|
|
|
|
|
Creating and Using an Image Header
|
|
|
|
|
Creating Extra Links to the Top
|
|
|
|
|
Adjusting for the Small Screen
|
|
|
|
Chapter 14. Style Sheets for Printing
|
|
|
|
|
Creating a Style Sheet for Print
|
|
|
|
|
How Print Style Sheets Differ
|
|
|
|
|
Controlling Page Breaks
|
|
|
|
|
Printing Link URLs
|
|
|
|
|
Controlling Widows and Orphans
|
|
|
|
Chapter 15. Lists
|
|
|
|
|
Creating Ordered and Unordered Lists
|
|
|
|
|
Choosing Your Markers (Bullets)
|
|
|
|
|
Choosing Where to Start List Numbering
|
|
|
|
|
Using Custom Markers
|
|
|
|
|
Controlling Where Markers Hang
|
|
|
|
|
Setting All List-Style Properties at Once
|
|
|
|
|
Creating Definition Lists
|
|
|
|
|
Styling Nested Lists
|
|
|
|
Chapter 16. Tables
|
|
|
|
|
Mapping Out Your Page
|
|
|
|
|
Creating a Simple Table
|
|
|
|
|
Adding a Border
|
|
|
|
|
Setting the Width
|
|
|
|
|
Centering a Table
|
|
|
|
|
Wrapping Text around a Table
|
|
|
|
|
Combining Tables
|
|
|
|
|
Aligning a
Cell
's Contents
|
|
|
|
|
Changing the Background
|
|
|
|
|
Controlling the Space
|
|
|
|
|
Spanning a Cell across Columns
|
|
|
|
|
Spanning a Cell across Rows
|
|
|
|
|
Dividing Your Table into Column Groups
|
|
|
|
|
Dividing the Table into Horizontal Sections
|
|
|
|
|
Choosing Which Borders to Display
|
|
|
|
|
Controlling Line Breaks in a Cell
|
|
|
|
|
Speeding up Table Display
|
|
|
|
Chapter 17. Forms
|
|
|
|
|
Creating a Form
|
|
|
|
|
Processing Forms
|
|
|
|
|
Sending Form Data via Email
|
|
|
|
|
Organizing the Form Elements
|
|
|
|
|
Creating Text Boxes
|
|
|
|
|
Creating Password Boxes
|
|
|
|
|
Formally Labeling Form Parts
|
|
|
|
|
Creating Radio Buttons
|
|
|
|
|
Creating Menus
|
|
|
|
|
Creating Checkboxes
|
|
|
|
|
Creating Larger Text Areas
|
|
|
|
|
Allowing Visitors to Upload Files
|
|
|
|
|
Creating Hidden Fields
|
|
|
|
|
Creating the Submit Button
|
|
|
|
|
Resetting the Form
|
|
|
|
|
Using an Image to Submit Data
|
|
|
|
|
Setting the Tab Order in a Form
|
|
|
|
|
Adding Keyboard Shortcuts
|
|
|
|
|
Disabling Form Elements
|
|
|
|
|
Keeping Elements from Being Changed
|
|
|
|
Chapter 18. Video, Audio, and Other Multimedia
|
|
|
|
|
Of Plugins and Players
|
|
|
|
|
Getting Players for Your Visitors
|
|
|
|
|
Getting Multimedia Files
|
|
|
|
|
Linking to Multimedia Files
|
|
|
|
|
Embedding QuickTime Movies for Windows
|
|
|
|
|
Embedding QuickTime Movies for Everyone besides IE
|
|
|
|
|
Embedding QuickTime Movies for All
|
|
|
|
|
Using JavaScript to Call a Movie
|
|
|
|
|
Scaling a QuickTime Movie
|
|
|
|
|
Changing the Movie's Background Color
|
|
|
|
|
Looping a QuickTime Movie
|
|
|
|
|
Offering a Preview Movie
|
|
|
|
|
Adding Attributes to Secondary Movies
|
|
|
|
|
Offering a Sequel
|
|
|
|
|
Embedding MP3 Audio on a Page
|
|
|
|
|
Embedding Windows Media, Part 1
|
|
|
|
|
Embedding Windows Media, Part 2
|
|
|
|
|
Embedding Flash
|
|
|
|
|
Embedding Google and YouTube Video
|
|
|
|
|
Inserting Java Applets
|
|
|
|
|
Embedding Other Multimedia Files
|
|
|
|
|
Creating an Automatic Slide Show
|
|
|
|
Chapter 19. Scripts
|
|
|
|
|
Adding an "Automatic" Script
|
|
|
|
|
Calling an External Automatic Script
|
|
|
|
|
Triggering a Script
|
|
|
|
|
Creating a Button that Executes a Script
|
|
|
|
|
Adding Alternate Information
|
|
|
|
|
Hiding Scripts from Older Browsers
|
|
|
|
|
Hiding Scripts from XML Parsers
|
|
|
|
|
Setting the Default Scripting Language
|
|
|
|
Chapter 20. A Taste Of Javascript
|
|
|
|
|
Adding the Current Date and Time
|
|
|
|
|
Setting a New Window's Size
|
|
|
|
|
Changing an Image When a Visitor Points
|
|
|
|
|
Loading Images into Cache
|
|
|
|
Chapter 21. Symbols And Non-English Characters
|
|
|
|
|
About Character Encodings
|
|
|
|
|
Declaring Your Page's Character Encoding
|
|
|
|
|
Declaring a Style Sheet's Encoding
|
|
|
|
|
Saving Your Page with the Proper Encoding
|
|
|
|
|
Editing a Page with the Proper Encoding
|
|
|
|
|
Adding Characters from Outside the Encoding
|
|
|
|
|
Specifying A Page's Language
|
|
|
|
Chapter 22. Testing and Debugging Web Pages
|
|
|
|
|
Some Debugging Techniques
|
|
|
|
|
Check the Easy Stuff First!
|
|
|
|
|
Checking the Easy Stuff: HTML
|
|
|
|
|
Checking the Easy Stuff: XHTML
|
|
|
|
|
Checking the Easy Stuff: CSS
|
|
|
|
|
Validating Your Code
|
|
|
|
|
Testing Your Page
|
|
|
|
|
When the Browser Displays the Code
|
|
|
|
|
When Images Don't Appear
|
|
|
|
|
Differences from Browser to Browser
|
|
|
|
|
Still Stuck?
|
|
|
|
Chapter 23. Publishing Your Pages on the Web
|
|
|
|
|
Finding a Host for Your Site
|
|
|
|
|
Getting Your Own Domain Name
|
|
|
|
|
Transferring Files to the Server
|
|
|
|
Chapter 24. Getting People to Visit
|
|
|
|
|
About Keywords
|
|
|
|
|
Explicitly Listing Keywords
|
|
|
|
|
Providing a Description of Your Page
|
|
|
|
|
Controlling Other Information
|
|
|
|
|
Keeping Visitors Away
|
|
|
|
|
Keeping Pages From Being Archived
|
|
|
|
|
Creating a Site Map Manually
|
|
|
|
|
Using Google Sitemaps
|
|
|
|
|
Submitting Your Site to a Search Engine
|
|
|
|
|
Improving Your Ranking by Getting Linked
|
|
|
|
|
Writing Pages That Are Easy to Index
|
|
|
|
|
Other Techniques for Publicizing Your Site
|
|
|
|
Chapter 25. Syndication and Podcasting
|
|
|
|
|
What a Feed Looks Like
|
|
|
|
|
Getting Ready for Syndication
|
|
|
|
|
Starting an RSS Feed
|
|
|
|
|
Describing Your Site in the Feed
|
|
|
|
|
Adding Items to a Feed
|
|
|
|
|
Add an Enclosure
|
|
|
|
|
Creating Podcasts for iTunes
|
|
|
|
|
Validating a Feed
|
|
|
|
|
Submitting a Podcast to iTunes
|
|
|
|
|
Publishing your RSS Feed on Your Site
|
|
|
|
|
Subscribing to an RSS Feed
|
|
|
|
|
Subscribing to a Podcast with iTunes
|
|
|
|
Appendix A. (X)HTML Reference
|
|
|
|
Appendix B. CSS Properties and Values
|
|
|
|
Appendix C. Intrinsic Events
|
|
|
|
Appendix D. (X)HTML Symbols and Characters
|
|
|
|
Appendix E. Hexadecimals
|
|
|
|
Appendix F. (X)HTML Tools
|
|
|
|
|
(X)HTML Editors
|
|
|
|
|
(X)HTML Editors
|
|
|
|
|
Images and Graphics
|
|
|
|
|
Graphics Tools
|
|
|
|
Colophon
|
|
|
|
Index
|
