HTML - Tags - <map>
<html>
<body>
<p>The seasons</p>
<img src="images/the-seasons.gif" usemap="#seasons-map" />
<map name="seasons-map">
<area shape="circle" coords="246,90,24" href="#" title="December" />
<area shape="circle" coords="127,52,24" href="#" title="March" />
<area shape="circle" coords="54,91,24" href="#" title="June" />
<area shape="circle" coords="173,128,24" href="#" title="September" />
</map>
</body>
</html>
The map element creates an image map.
A live example:
The seasons
![[the-seasons.gif]](/articles/html-tags/images/the-seasons.gif)
![[the-seasons-image-map.gif]](/articles/html-tags/images/the-seasons-image-map.gif)
Area shapes highlighted using Dreamweaver
N of