HTML and CSS Reference
Figure 12.7 Using the tool to map a rectangular hotspot.
Figure 12.8 Using the image mapping tool to get the coordinates of the hotspot.
Coordinates are for the highlighted rectangular shape.
In Example 12.3, if you click on the face of any of the people in the family, you are
linked to a page with information about that family member. In the HTML page the <area>
tag and its attributes represent the coordinates and the shape of the image map (see Table
12.5) as well as a link to the navigation page where the user will be directed when he or
she clicks on the hotspot. Example 12.3 demonstrates how to create an image map.