Search the Whole World Here.,.,

Image Maps


Use the map tag to define an image-map. An image-map is an image with clickable areas.

The name attribute of the map tag is associated with the img's usemap attribute and creates a relationship between the image and the map.

The map tag contains a number of area tags, that defines the clickable areas in the image-map:

Example

<img src="planets.gif" alt="Planets" usemap="#planetmap" style="width:145px;height:126px;">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>
Try it Yourself »


EmoticonEmoticon