Contents   ix

Merging Table Cells . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220

Using Tables for Page Layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224
Key Points . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229

13 Formatting Tables 231

Applying Table Borders . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232
Applying Borders by Using Attributes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233
Applying Borders by Using Styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235
Applying Background and Foreground Fills . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 241
Changing Cell Padding, Spacing, and Alignment . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245
Setting Cell Padding . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246
Setting Cell Spacing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246
Setting Horizontal and Vertical Alignment . . . . . . . . . . . . . . . . . . . . . . . . . . . . 247
Key Points . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249

14 Creating User Forms 251

Creating a Basic Form . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 252
Creating a Text Box . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253
Special Field Types for E-Mail and Web Addresses . . . . . . . . . . . . . . . . . . . . . . 254
Creating a Text Area . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255
Creating a Submit or Clear Button . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255
Adding Default or Placeholder Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 256
Creating Check Boxes and Option Buttons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 259
Creating Lists . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262
Additional Input Types in HTML5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 267
Understanding CGI and Other Advanced Tools . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 268
Key Points . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 269

15 Incorporating Sound and Video 271

What’s New with Audio and Video in HTML5? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272
HTML Multimedia Basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273
Multimedia Formats and Containers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273
Codecs: Decoding the Video and Audio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 274
Which Format to Choose? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275
File Size and Quality . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275
Encoding Video . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 276