O'Reilly logo

Beginning HTML and CSS by Rob Larsen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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

Wrox.com Code Downloads for this Chapter

The wrox.com code downloads for this chapter are found at www.wrox.com/remtitle.cgi?isbn=9781118340189 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> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required