Chapter 4

Images, Audio, and Video

What You Will Learn in This Chapter

  • How to add images to a web page
  • What the different types of image formats are and where to use each
  • How to add audio and video to your web pages
  • All about the <video>, <audio>, and <object> elements Code Downloads for this Chapter

The code downloads for this chapter are found at on the Download Code tab. The code is in the Chapter 4 download and individually named according to the names throughout the chapter.

In this chapter, you learn how to add images, animations, audio, and video to your site. This should start to breathe some life into the pages you’ve been creating so far.

You start by learning how to add images to your documents using the <img> element. You also learn how to make an image a link, and even how to divide an image into sections so that different parts of the image link to different pages, which is known as an image map. Then you look at some of the main image formats used on the web (JPEG, GIF, and PNG) and learn which image format to use for different types of images. This is important because it can greatly affect the speed with which your web pages load. (And as you know, slow websites frustrate users.)

After you finish with images, you look at how to add some more multimedia content to your site in the form of Flash and the new HTML5 <video> and <audio> elements. In doing so, you also meet the <object>, <param>, and <embed> ...

Get Beginning HTML and CSS now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.