x    Contents

Embedding Video Clips . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277

Introducing the <video> Tag . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277
The <embed> Tag: Your Fallback Plan . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 279
Placing a Video Clip on a Web Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 279
Incorporating Audio on a Web Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 282
Playing Audio with the <audio> Tag . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 282
Playing Audio in Older Browsers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 283
Placing an Audio Clip on a Web Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 283
Key Points . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 285

16 Including JavaScript and External Content 287

Introducing the Canvas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287
JavaScript, Briefly . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 288
Including JavaScript on Your Web Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 289
Your First JavaScript Web Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 289
JavaScript Events and jQuery . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292
Obtaining jQuery . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293
Getting Ready for jQuery . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 294
Selecting Elements with jQuery . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 295
Calling Functions with JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 297
Responding to Events with jQuery and JavaScript . . . . . . . . . . . . . . . . . . . . . . 298
Using the HTML5 <canvas> Tag . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 303
Including External Content in Web Pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 310
Key Points . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311

Part 4 Other Ways to Create HTML Code

17 HTML and Microsoft Expression Web 315
Exploring the Expression Web Interface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 316
Creating Web Sites and Web Pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 320
Create a Page by Using a CSS Template . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 325
Insert Graphics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 328
Import an Images Folder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 328
Place Images on a Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 330
Add a Background Image to a Division . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 331
Formatting Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 333
Formatting a Division . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 338