Beginning HTML5 and CSS3 For Dummies

9

Working with Images in HTML

In This Chapter

Determining the right format for your images

Adding images to web pages

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, ...