Web Design Garage

Chapter 3. Designing Graphics for Clicks

Making images into hyperlinks is extremely easy in HTML. Simply nest the image tag between opening and closing anchor tags, like this:

<a href="index.htm"><img src="/images/logo.gif"></a>

Notice that the browser draws a rectangular border around the hyperlinked image, as in Figure 3.1. The color of the border is the same color as text hyperlinks. Your good old Web browser, always thinking ahead, rightly assumes that you want to give your visitors a visual clue that the image is clickable. The border helps to separate your clickable image from nonclickable images on the page.

Figure 3.1. When you make an image into a hyperlink, the browser draws a rectangular border around the image, indicating to your ...