HTML: Your visual blueprint for designing effective Web pages with HTML, CSS, and XHTML

HTML, XHTML, and CSS......Page 0
TABLE OF CONTENTS......Page 6
HOW TO USE THIS BOOK......Page 12
Introducing HTML......Page 14
Introducing XHTML 1.0......Page 16
Introducing Cascading Style Sheets......Page 18
Introducing JavaScript......Page 20
Understanding Creation Tools......Page 22
Understanding Web Browsers......Page 24
Understanding Web Servers......Page 26
Plan Your Web Site......Page 28
Create a Basic Web Page......Page 30
Save and Preview a Web Page......Page 32
Create Headings......Page 34
Create Paragraphs......Page 36
Add Line Breaks......Page 38
Add Horizontal Rules......Page 40
Add Comments to the Code......Page 42
Apply Logical Formatting......Page 44
Plan Your Navigation......Page 46
Structure Web Site Files......Page 48
Understanding File Paths......Page 49
Create a Link to a Page in Your Site......Page 50
Create a Link to a Page on the Web......Page 52
Create a Link Within a Page......Page 54
Create a Link to an E-mail Address......Page 56
Set Tooltips for Links......Page 58
Test Your Links......Page 60
Understanding Image File Formats......Page 62
Add an Image to Your Page......Page 64
Specify Alternate Text for an Image......Page 66
Specify the Size of an Image......Page 68
Using Images as Links......Page 70
Add a Favorites Icon......Page 72
Add a Table to Your Page......Page 74
Add Headers to Your Table......Page 76
Create Cells That Span Rows or Columns......Page 78
Set the Border of the Table......Page 80
Set the Width of a Table......Page 81
Add Space Within a Table......Page 82
Define Sections of a Table......Page 84
Define Columns......Page 86
Add a Bulleted List to Your Page......Page 88
Add a Numbered List to Your Page......Page 90
Add a Definition List to Your Page......Page 92
Nest a List Within a List......Page 94
Get Started with Cascading Style Sheets......Page 96
Understanding Units of Measurement......Page 98
Set the Size of Text on a Page......Page 100
Set the Font on a Page......Page 102
Using Color on the Web......Page 104
Change the Color of Text on a Page......Page 106
Adjust the Height of Lines......Page 108
Make Text Bold or Italic......Page 110
Indent and Align Text......Page 112
Using Additional Font Properties......Page 114
Using the Font Shorthand Property......Page 116
Add Background Colors to Elements on a Page......Page 118
Add Background Images to Elements on a Page......Page 120
Control the Position of Background Images......Page 122
Using the Background Shorthand Property......Page 124
Add Padding to Elements on a Page......Page 126
Add Borders to Elements on a Page......Page 128
Add Margins to Elements on a Page......Page 130
Set the Width and Height of Elements......Page 132
Using CSS Shorthand Properties for the Box Model......Page 134
Style Links......Page 136
Style Tables......Page 138
Replace the Bullets on a List......Page 140
Control the Indentation of Lists......Page 142
Customize Cursors......Page 144
Apply Styles to More than One Element at a Time......Page 146
Using the Span Element......Page 148
Structure the Page with the Div Element......Page 150
Control Styles with Classes......Page 152
Style Specific Elements with IDs......Page 154
Apply Styles with Contextual Selectors......Page 156
Apply Other Selectors......Page 158
Create Effects with Pseudo-Elements......Page 160
Apply Additional Styles through Pseudo-Classes......Page 162
Specify Rules as Important......Page 163
Create an External Style Sheet......Page 164
Override Styles Using the Cascade......Page 166
Lay Out Your Page Using Floated Elements......Page 168
Clear Floats......Page 170
Lay Out Your Page Using Absolute Positioning......Page 172
Lay Out Your Page Using Relative Positioning......Page 174
Lay Out Your Page Using Fixed Positioning......Page 176
Work with Element Overflow......Page 178
Set Minimum and Maximum Widths and Heights......Page 180
Apply the Display Property......Page 182
Replace a Header with an Image......Page 184
Create Tabbed Navigation......Page 186
Create “You Are Here” Navigation......Page 190
Create a Print Style Sheet......Page 192
Understanding Common CSS Hacks......Page 194
Create a Form......Page 196
Add a Text Box......Page 198
Add Labels......Page 200
Add Check Boxes and Radio Buttons......Page 202
Build a Drop-Down List......Page 204
Group Drop-Down Options......Page 206
Insert a Text Area......Page 208
Add a Hidden Field......Page 210
Add a Password Field......Page 212
Add a File Upload Field......Page 214
Add a Submit Button......Page 216
Make an Image into a Button......Page 218
Create a Button with the Button Element......Page 220
Group Related Form Elements......Page 222
Control the Tab Order......Page 224
Process Form Data......Page 226
Add JavaScript to Your Page......Page 228
Add Event Handlers......Page 230
Validate a Form......Page 232
Open a New Window......Page 236
Hide and Show Elements......Page 238
Swap Images......Page 240
Debug JavaScript......Page 242
Understanding Web Accessibility......Page 244
Add a Caption and Summary to a Table......Page 246
Using Additional Header Markup in Your Tables......Page 248
Make Complex Tables Accessible......Page 250
Add a Long Description to an Image......Page 252
Make Navigation Accessible......Page 254
Make Forms Accessible......Page 256
Test Accessibility......Page 258
Add Special Characters to Your Page......Page 260
Add an Address to a Page......Page 262
Using Quoted Text......Page 264
Using Abbreviations and Acronyms on a Page......Page 266
Display Code on a Page......Page 267
Denote Inserted and Deleted Text......Page 268
Understanding XML......Page 270
Understanding RSS......Page 272
Create an RSS Feed......Page 274
Embed Multimedia Content in Your RSS......Page 276
Create a Podcast......Page 280
Publish Your Podcast to iTunes......Page 282
Create a Blog......Page 284
Display an RSS Feed on Your Site......Page 288
Show Your Photos with Flickr......Page 290
Display a Google Map on Your Page......Page 294
Display a Google Calendar on Your Site......Page 296
Display Advertising on Your Page......Page 298
Add Social Bookmarks......Page 300
Add Google Search to Your Site......Page 302
Understanding Search Engine Optimization......Page 304
Add Meta Elements......Page 306
Using Google’s Web Master Tools......Page 308
Create a Sitemap......Page 310
Prevent Pages from Being Listed on Search Engines......Page 312
Avoid Common HTML Mistakes......Page 314
Avoid Common XHTML Mistakes......Page 315
Avoid Common CSS Mistakes......Page 316
Avoid Common Design Mistakes......Page 318
Clean Up HTML and XHTML with HTML Tidy......Page 320
Validate XHTML......Page 322
Validate CSS......Page 324
Find a Web Host......Page 326
Buy a Domain Name......Page 328
Publish Your Web Site Using Windows FTP......Page 330
Publish Your Web Site Using SmartFTP......Page 332
HTML and XHTML Tag Reference......Page 334
XHTML Frameset......Page 348
Event Handlers......Page 349
Deprecated Tags......Page 350
Named Colors......Page 352
Character Entities......Page 353
XHTML 1.1......Page 358
Appendix B: CSS Reference......Page 360
Appendix C: Web Accessibility Guideline Reference......Page 366
INDEX......Page 370