You are previewing HTML, XHTML, & CSS, Sixth Edition: Visual QuickStart Guide.
O'Reilly logo
HTML, XHTML, & CSS, Sixth Edition: Visual QuickStart Guide

Book Description

Need to learn HTML fast? This best-selling reference's visual format and step-by-step, task-based instructions will have you up and running with HTML in no time. In this completely updated edition of our best-selling guide to HTML, Web expert and best-selling author Elizabeth Castro uses crystal-clear instructions and friendly prose to introduce you to all of today's HTML and XHTML essentials. You’ll learn how to design, structure, and format your Web site. You'll create and use images, links, styles, lists, tables, frames, and forms, and you'll add sound and movies to your site. Finally, you will test and debug your site, and publish it to the Web. Along the way, you'll find extensive coverage of CSS techniques, current browsers (Opera, Safari, Firefox), creating pages for the mobile Web, and more.

Visual QuickStart Guide--the quick and easy way to learn!

  • Easy visual approach uses pictures to guide you through HTML and show you what to do.

  • Concise steps and explanations get you up and running in no time.

  • Page for page, the best content and value around.

  • Companion Web site at www.cookwood.com/html offers examples, a lively question-and-answer area, updates, and more.

  • Table of Contents

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