- Copyright
- About the Author
- About the Tech Editor
- Credits
- Introduction
- 1. Structuring Documents for the Web
- 1.1. A Web of Structured Documents
- 1.2. Introducing HTML and XHTML
- 1.3. Basic Text Formatting
- 1.4. Presentational Elements
- 1.5. Phrase Elements
- 1.5.1. The <em> Element Adds Emphasis
- 1.5.2. The <strong> Element Adds Strong Emphasis
- 1.5.3. The <address> Element Is for Addresses
- 1.5.4. The <abbr> Element Is for Abbreviations
- 1.5.5. The <acronym> Element Is for Acronym Use
- 1.5.6. The <dfn> Element Is for Special Terms
- 1.5.7. The <blockquote> Element Is for Quoting Text
- 1.5.8. Using the cite Attribute with the <blockquote> Element
- 1.5.9. The <q> Element Is for Short Quotations
- 1.5.10. The <cite> Element Is for Citations
- 1.5.11. The <code> Element Is for Code
- 1.5.12. The <kbd> Element Is for Text Typed on a Keyboard
- 1.5.13. The <var> Element Is for Programming Variables
- 1.5.14. The <samp> Element Is for a Program Output
- 1.6. Lists
- 1.7. Editing Text
- 1.8. Using Character Entities for Special Characters
- 1.9. Comments
- 1.10. The <font> Element (Deprecated)
- 1.11. Understanding Block and Inline Elements
- 1.12. Grouping Elements with <div> and <span>
- 1.13. Core Elements and Attributes
- 1.14. Attribute Groups
- 1.15. Summary
- 1.16. Exercises
- 2. Links and Navigation
- 2.1. Basic Links
- 2.2. Understanding Directories and Directory Structures
- 2.3. Understanding URLs
- 2.4. Creating Links with the <a> Element
- 2.4.1. Creating a Source Anchor with the href Attribute
- 2.4.2. Creating a Destination Anchor Using the name and id Attributes (Linking to a Specific Part of a Page)
- 2.4.3. The <a> Element's Other Attributes
- 2.4.3.1. The accesskey Attribute
- 2.4.3.2. The charset Attribute
- 2.4.3.3. The coords Attribute
- 2.4.3.4. The hreflang Attribute
- 2.4.3.5. The rel Attribute
- 2.4.3.6. The rev Attribute
- 2.4.3.7. The shape Attribute
- 2.4.3.8. The tabindex Attribute
- 2.4.3.9. The target Attribute
- 2.4.3.10. The title Attribute
- 2.4.3.11. The type Attribute
- 2.5. Advanced E-mail Links
- 2.6. Summary
- 2.7. Exercises
- 3. Images, Audio, and Video
- 3.1. Adding Images Using the <img> Element
- 3.1.1. The src Attribute
- 3.1.2. The alt Attribute
- 3.1.3. The height and width Attributes
- 3.1.4. The align Attribute (Deprecated)
- 3.1.5. The border Attribute (Deprecated)
- 3.1.6. The hspace and vspace Attributes (Deprecated)
- 3.1.7. The ismap and usemap Attributes
- 3.1.8. The longdesc Attribute
- 3.1.9. The name Attribute (Deprecated)
- 3.2. Using Images as Links
- 3.3. Image Maps
- 3.4. Choosing the Right Image Format
- 3.5. Adding Flash, Video, and Audio to Your Web Pages
- 3.5.1. Adding Flash Movies to Your Site
- 3.5.2. Adding Videos to Your Site
- 3.5.3. Adding Videos Using Flash Video
- 3.5.4. Video Size
- 3.5.5. Adding Audio to Your Site
- 3.5.6. Automatically Playing Audio and Video When a Page Loads
- 3.5.7. A Closer Look at the <object> and <param> Elements
- 3.5.7.1. The archive Attribute
- 3.5.7.2. The border Attribute (Deprecated)
- 3.5.7.3. The classid Attribute
- 3.5.7.4. The codebase Attribute
- 3.5.7.5. The codetype Attribute
- 3.5.7.6. The declare Attribute
- 3.5.7.7. The data Attribute
- 3.5.7.8. The height and width Attributes
- 3.5.7.9. The hspace and vspace attributes (Deprecated)
- 3.5.7.10. The name Attribute (Deprecated)
- 3.5.7.11. The standby Attribute
- 3.5.7.12. The tabindex Attribute
- 3.5.7.13. The usemap Attribute
- 3.5.8. The <param> Element
- 3.6. Summary
- 3.7. Exercises
- 3.1. Adding Images Using the <img> Element
- 4. Tables
- 4.1. Introducing Tables
- 4.2. Basic Table Elements and Attributes
- 4.2.1. The <table> Element Creates a Table
- 4.2.2. The cellpadding Attribute (Deprecated)
- 4.2.3. The <tr> Element Contains Table Rows
- 4.2.4. The <td> and <th> Elements Represent Table Cells
- 4.2.4.1. The abbr Attribute
- 4.2.4.2. The align Attribute (Deprecated)
- 4.2.4.3. The axis Attribute
- 4.2.4.4. The bgcolor Attribute (Deprecated)
- 4.2.4.5. The char Attribute
- 4.2.4.6. The charoff Attribute
- 4.2.4.7. The colspan Attribute
- 4.2.4.8. The headers Attribute
- 4.2.4.9. The height Attribute (Deprecated)
- 4.2.4.10. The nowrap Attribute (Deprecated)
- 4.2.4.11. The rowspan Attribute
- 4.2.4.12. The scope Attribute
- 4.2.4.13. The valign Attribute (Deprecated)
- 4.2.4.14. The width Attribute (Deprecated)
- 4.3. Adding a <caption> to a Table
- 4.4. Grouping Sections of a Table
- 4.5. Nested Tables
- 4.6. Accessible Tables
- 4.7. Summary
- 4.8. Exercises
- 5. Forms
- 5.1. Introducing Forms
- 5.2. Creating a Form with the <form> Element
- 5.2.1. The action Attribute
- 5.2.2. The method Attribute
- 5.2.3. The id Attribute
- 5.2.4. The name Attribute (Deprecated)
- 5.2.5. The onsubmit Attribute
- 5.2.6. The onreset Attribute
- 5.2.7. The enctype Attribute
- 5.2.8. The accept-charset Attribute
- 5.2.9. The accept Attribute
- 5.2.10. The target Attribute
- 5.2.11. White Space and the <form> Element
- 5.3. Form Controls
- 5.4. Creating Labels for Controls and the <label> Element
- 5.5. Structuring Your Forms with <fieldset> and <legend> Elements
- 5.6. Focus
- 5.7. Disabled and Read-Only Controls
- 5.8. Sending Form Data to the Server
- 5.9. Summary
- 5.10. Exercises
- 6. Frames
- 6.1. Introducing the Frameset
- 6.2. When To Use Frames
- 6.3. The <frameset> Element
- 6.4. The <frame> Element
- 6.5. The <noframes> Element
- 6.6. Creating Links Between Frames
- 6.7. Setting a Default Target Frame Using the <base> Element
- 6.8. Nested Framesets
- 6.9. Inline or Floating Frames with <iframe>
- 6.10. Summary
- 6.11. Exercises
- 7. Cascading Style Sheets
- 7.1. Introducing CSS
- 7.2. Where You Can Add CSS Rules
- 7.3. CSS Properties
- 7.4. Controlling Text
- 7.5. Text Formatting
- 7.5.1. The color Property
- 7.5.2. The text-align Property
- 7.5.3. The vertical-align Property
- 7.5.4. The text-decoration Property
- 7.5.5. The text-indent Property
- 7.5.6. The text-shadow Property
- 7.5.7. The text-transform Property
- 7.5.8. The letter-spacing Property
- 7.5.9. The word-spacing Property
- 7.5.10. The white-space Property
- 7.5.11. The direction Property
- 7.6. Text Pseudo-Classes
- 7.7. Selectors
- 7.7.1. Universal Selector
- 7.7.2. The Type Selector
- 7.7.3. The Class Selector
- 7.7.4. The ID Selector
- 7.7.5. The Child Selector
- 7.7.6. The Descendant Selector
- 7.7.7. The Adjacent Sibling Selector
- 7.7.8. The General Sibling Selector
- 7.7.9. Using Child and Sibling Selectors To Reduce Dependence on Classes in Markup
- 7.7.10. Attribute Selectors
- 7.8. Lengths
- 7.9. Introducing the Box Model
- 7.10. Summary
- 7.11. Exercises
- 8. More Cascading Style Sheets
- 9. Page Layout
- 9.1. Understanding the Site's Audience
- 9.1.1. Who Will Visit the Site?
- 9.1.2. Why Have They Visited Your Site?
- 9.1.3. What Does a Visitor Need to Achieve a Goal?
- 9.1.4. How Often Will People Want to Visit?
- 9.1.5. Things You Want the Site to Do
- 9.1.6. Prioritizing Information
- 9.1.7. Grouping and Categorization
- 9.1.8. Creating a Site Map
- 9.1.9. Identifying Key Elements for Each Page
- 9.2. Page Size (and Screen Resolution)
- 9.3. Designing Pages
- 9.4. Coding Your Design
- 9.5. Developing for Mobile Devices
- 9.6. Summary
- 9.7. Exercises
- 9.1. Understanding the Site's Audience
- 10. Design Issues
- 10.1. Typography
- 10.2. Navigation
- 10.2.1. Menus
- 10.2.1.1. Menus Should Be Concise
- 10.2.1.2. Menus Should Have Clear Labels
- 10.2.1.3. Menus Should Focus on What Visitors Want to Achieve
- 10.2.1.4. Menus Do Not Need to Contain Every Link
- 10.2.1.5. Menus Should Provide Context
- 10.2.1.6. Menu Items Should Be Interactive
- 10.2.1.7. Menus Should Be Consistent Across All Pages
- 10.2.1.8. If You Use Icons, Provide a Text Equivalent, Too
- 10.2.1.9. Coding for Menus
- 10.2.2. Links
- 10.2.3. Site Search Features
- 10.2.1. Menus
- 10.3. Tables
- 10.4. Forms
- 10.4.1. Before Designing the Form
- 10.4.2. Designing the Form
- 10.4.3. Layout of Forms
- 10.4.3.1. Labeling Controls
- 10.4.3.2. Keeping Relevant Information Next to or Above Form Controls
- 10.4.3.3. Required Information
- 10.4.3.4. Careful Placement of Buttons
- 10.4.3.5. Using the title Attribute on Form Controls
- 10.4.3.6. Tab Index
- 10.4.3.7. Don't Rely on Color to Convey Information
- 10.4.3.8. Using CSS with Form Elements
- 10.4.3.9. Large Form Inputs
- 10.4.3.10. Testing the Form
- 10.4.3.11. Lazy Registration
- 10.5. Summary
- 10.6. Exercises
- 11. Learning JavaScript
- 11.1. What Is Programming About?
- 11.2. How to Add a Script to Your Pages
- 11.3. The Document Object Model
- 11.4. Starting to Program with JavaScript
- 11.5. Variables
- 11.6. Operators
- 11.7. Functions
- 11.8. Conditional Statements
- 11.9. Looping
- 11.10. Events
- 11.11. Built-in Objects
- 11.12. Writing JavaScript
- 11.13. Summary
- 11.14. Exercises
- 12. Working with JavaScript
- 12.1. Practical Tips for Writing Scripts
- 12.2. Form Validation
- 12.3. Form Enhancements
- 12.4. JavaScript Libraries
- 12.5. Summary
- 12.6. Exercises
- 13. Putting Your Site on the Web
- 13.1. Meta Tags
- 13.2. Testing Your Site
- 13.3. Taking the Leap to Live
- 13.4. Telling the World about Your Site
- 13.4.1. Always Mention Your URL
- 13.4.2. Content Is King
- 13.4.3. Forums, Communities, and Social Networks
- 13.4.4. Check for Trade Sites and Directories
- 13.4.5. Reciprocal Links
- 13.4.6. Look at Your Competition
- 13.4.7. Make It Easy for People to Link to You
- 13.4.8. Pay-per-click Advertising
- 13.4.9. Display Advertising
- 13.4.10. Create an E-mail Newsletter
- 13.5. Understanding Your Visitors
- 13.6. What Next?
- 13.7. Summary
- 14. Checklists
- 14.1. Search Engine Optimization Checklist
- 14.1.1. On-Page Techniques
- 14.1.2. Identifying Keywords and Phrases
- 14.1.2.1. Brainstorm for Words People Might Search On
- 14.1.2.2. Select Five to Ten Major Keywords
- 14.1.2.3. List Other Keywords and Phrases That Correspond to Your Major Keywords
- 14.1.2.4. Look Up Related Words (Not Exact Matches)
- 14.1.2.5. Determine the Popularity of Terms
- 14.1.2.6. Prioritize the Core Terms
- 14.1.2.7. Location
- 14.1.2.8. Mapping Core Terms to Pages
- 14.1.2.9. Homepages
- 14.1.3. Off-Page Techniques
- 14.2. Accessibility Checklist
- 14.3. Differences Between HTML and XHTML
- 14.4. HTML 5
- 14.1. Search Engine Optimization Checklist
- A. Answers to Exercises
- B. XHTML Element Reference
- B.1. Core Attributes
- B.1.1.
- B.1.1.1. Core Attributes
- B.1.1.2. <a>
- B.1.1.3. <abbr>
- B.1.1.4. <acronym>
- B.1.1.5. <address>
- B.1.1.6. <applet> (Deprecated)
- B.1.1.7. <area>
- B.1.1.8. <b>
- B.1.1.9. <base>
- B.1.1.10. <basefont> (Deprecated)
- B.1.1.11. <bdo>
- B.1.1.12. <big>
- B.1.1.13. <blockquote>
- B.1.1.14. <body>
- B.1.1.15. <br />
- B.1.1.16. <button>
- B.1.1.17. <caption>
- B.1.1.18. <center> (Deprecated)
- B.1.1.19. <cite>
- B.1.1.20. <code>
- B.1.1.21. <col>
- B.1.1.22. <colgroup>
- B.1.1.23. <dd>
- B.1.1.24. <del>
- B.1.1.25. <dfn>
- B.1.1.26. <dir> (Deprecated)
- B.1.1.27. <div>
- B.1.1.28. <dl>
- B.1.1.29. <dt>
- B.1.1.30. <em>
- B.1.1.31. <embed>
- B.1.1.32. <fieldset>
- B.1.1.33. <font> (Deprecated)
- B.1.1.34. <form>
- B.1.1.35. <frame>
- B.1.1.36. <noframes>
- B.1.1.37. <frameset>
- B.1.1.38. <head>
- B.1.1.39. <hn>
- B.1.1.40. <hr />
- B.1.1.41. <html>
- B.1.1.42. <i>
- B.1.1.43. <iframe>
- B.1.1.44. <img>
- B.1.1.45. <input type="button">
- B.1.1.46. <input type="checkbox">
- B.1.1.47. <input type="file">
- B.1.1.48. <input type="hidden">
- B.1.1.49. <input type="image">
- B.1.1.50. <input type="password">
- B.1.1.51. <input type="radio">
- B.1.1.52. <input type="reset">
- B.1.1.53. <input type="submit">
- B.1.1.54. <input type="text">
- B.1.1.55. <ins>
- B.1.1.56. <isindex> (Deprecated)
- B.1.1.57. <kbd>
- B.1.1.58. <label>
- B.1.1.59. <legend>
- B.1.1.60. <li>
- B.1.1.61. <link>
- B.1.1.62. <map>
- B.1.1.63. <menu> (Deprecated)
- B.1.1.64. <meta>
- B.1.1.65. <noframes>
- B.1.1.66. <noscript>
- B.1.1.67. <object>
- B.1.1.68. <ol>
- B.1.1.69. <optgroup>
- B.1.1.70. <option>
- B.1.1.71. <p>
- B.1.1.72. <param>
- B.1.1.73. <pre>
- B.1.1.74. <q>
- B.1.1.75. <s> (Deprecated)
- B.1.1.76. <samp>
- B.1.1.77. <script>
- B.1.1.78. <select>
- B.1.1.79. <small>
- B.1.1.80. <span>
- B.1.1.81. <strike> (Deprecated)
- B.1.1.82. <strong>
- B.1.1.83. <style>
- B.1.1.84. <sub>
- B.1.1.85. <sup>
- B.1.1.86. <table>
- B.1.1.87. <tbody>
- B.1.1.88. <td>
- B.1.1.89. <textarea>
- B.1.1.90. <tfoot>
- B.1.1.91. <thead>
- B.1.1.92. <th>
- B.1.1.93. <title>
- B.1.1.94. <tr>
- B.1.1.95. <tt>
- B.1.1.96. <u> (Deprecated)
- B.1.1.97. <ul>
- B.1.1.98. <var>
- B.1.1.
- B.1. Core Attributes
- C. CSS Properties
- C.1. Font Properties
- C.2. Text Properties
- C.3. Color and Background Properties
- C.4. Border properties
- C.4.1. border (border-bottom, border-left, border-top, border-right)
- C.4.2. border-style (border-bottom-style, border-left-style, border-top-style, border-right-style)
- C.4.3. border-width (border-bottom-width, border-left-width, border-top-width, border-right-width)
- C.4.4. border-color (border-bottom-color, border-left-color, border-top-color, border-right-color)
- C.5. Dimensions
- C.6. Margin Properties
- C.7. Padding Properties
- C.8. List Properties
- C.9. Positioning Properties
- C.10. Outline Properties
- C.11. Table Properties
- C.12. Classification Properties
- C.13. Internationalization Properties
- C.14. Lengths
- D. Color Names and Values
- E. Character Encodings
- F. Special Characters
- G. Language Codes
- H. MIME Media Types
- I. Deprecated and Browser-Specific Markup
Executive Editor
Carol Long
Project Editor
William Bridges
Technical Editor
Chris Ullman
Production Editor
Daniel Scribner
Copy Editor
Nancy Rapoport
Editorial Director
Robyn B. Siesky
Editorial Manager
Mary Beth Wakefield
Marketing Manager
David Mayhew
Production Manager
Tim Tate
Vice President and Executive Group Publisher
Richard Swadley
Vice President and Executive Publisher
Barry Pruett
Associate Publisher
Jim Minatel
Project Coordinator, Cover
Lynsey Stanford
Proofreader
Nancy Hanger
Indexer
Robert Swanson
Cover Designer
Michael E. Trent
Cover Image
© istockphoto.com /Daft_Lion_Studio
-
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.