O'Reilly logo

Beginning HTML5 and CSS3 For Dummies by Chris Minnick, Ed Tittel

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

9

Working with Images in HTML

In This Chapter

arrow Determining the right format for your images

arrow Adding images to web pages

arrow Creating images and image maps that trigger links

Web-page designers use images to deliver important information, direct site navigation, and contribute to overall look and feel on a web page. However, you have to use images properly, or you risk reducing their effectiveness.

This chapter is a crash course in using images on web pages. You find out which image formats are web-friendly and how to use HTML elements to add images to your web pages. You also discover how to attach links to an image and how to create image maps for a web page.

The Role of Images in a Web Page

Images in websites may be logos or clickable navigation aids, or they may display content; they can also make a page look prettier or serve to unify or illustrate a page's theme. A perfect example of the many different ways images can enhance and contribute to web pages is the White House home page at www.whitehouse.gov, shown in Figure 9-1, where the White House logo, photos, and a nice menu bar appear to good effect.

When used well, images are a key element of page design. When used poorly, though, ...

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