Adding Text Links for Older Browsers


Because client-side image maps can be interpreted only by version 3.0 or later Web browsers, you'll need to provide another way for your visitors to get to the other pages in your Web site. The easiest way to do this is to provide text links under your image, as shown in the following HTML sample and in Figure 9.4:

<img src="/books/1/174/1/html/2/redcircles.jpg" width="424" height="166"      alt="My Nav Bar" usemap="#NavBar" /> <p align="center" /> <a href="default.htm">Home Page</a> | <a href="about.htm">About Us</a> | <a href="resources.htm">Resources</a> | <a href="services.htm">Services</a>


Figure 9.4. The image from Figure 9.2 displayed in the Web browser, with additional text links provided for older browsers.


As you can see, text links are standard HTML <a href> links. They will follow the <img /> tag and direct the viewers to the same pages they could reach with the image map. Figure 9.4 shows you how these links will look in the Web browser.

Table 9.1 lists the HTML tags that were discussed in this lesson.

Table 9.1. HTML Tags Used in This Lesson

HTML Tag

Closing

Description of Use

<area />

 

Identifies the shape (circle, rect, or poly), coordinates (in pixels), and URL for each section of the image.

<map name>

</map>

Surrounds the image map and gives a reference name to be used with the usemap="#map name" attribute.


In this lesson, you've learned:

  • Image maps link a single image to multiple Internet resources. The most popular examples of image maps on the Web are for navigation bars.

  • Paint Shop Pro and other graphics programs enable you to create your image, and determine the coordinates for the image map.

  • Image maps can be contained within your HTML document or in a separate file.



Sams Teach Yourself HTML in 10 Minutes
Sams Teach Yourself HTML in 10 Minutes (4th Edition)
ISBN: 067232878X
EAN: 2147483647
Year: 2004
Pages: 151
Authors: Deidre Hayes

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net