<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:
No comments:
Post a Comment