ADDING IMAGES,COLOR, AND BACKGROUNDS. Input

<a href = “replacing. Html”> <img src =”next. Gif” alt =”net”/> </a>

<href=” ready. Html”> <img src =”back. Gif” alt =”back” /> </a>

<a href = “index. Html”> <img scr =”up-arrow. Gif” alt =”up” /> </a>

Figure 7.15 shows the result of this addition

.

When you click the icons now, the browser jumps to the linked page just as it would have if you had used text links.

OUTPUT

FIGURE 7.15 THE BASIC PAGE WITH ICONIC LINKS.

Speaking of text, are the icons usable enough as they are? How about; adding some text describing exactly what’s on the other side of each link? You can add this text inside or outside the anchor, depending on whether you want the text to be a hot spot for the link as well. Here, include it outside the link so that only the icon also can align the bottoms of the text and the icons using the align attribute of the <img> tag. Finally, because the extra text causes the icons to move onto two lines, arrange each one on its online instead: