Using Images to Label Links

In this age of graphical interfaces, people are used to clicking on images and icons to make things happen. Adding an image to a link creates a navigational button that the visitor can click to access the referenced URL. (For more information about images, see Chapter 5, Images.)

Figure 6.22. I’ve removed the border from all the image links.

To use images to label links:

1.
Type <a href="destination.html">, where destination.html is the URL of the page that the user will jump to when they click the button.
2.
Type <img src="image.jpg" where image.jpg gives the location of the image file on the server.
3.
If desired, ...

Get HTML, XHTML, & CSS, Sixth Edition: Visual QuickStart Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.