map

map

HTML map Element

The HTML <map> image map element is used to designate <area> hotspot elements on an image. If you placed a picture on your desk at home and laid a clear sheet of glass the same exact size on top of it, that would be like an image map. You can then draw invisible zones on the clear glass that are interactive. You get interactive areas without touching the actual image.

HTML CODE EXAMPLE

<map name="myMap">
  <area shape="rect" coords="10,10,124,51" href="index.html">
  <area shape="circle" coords="102,219,46" href="contact.html">
</map>
<img src="myImage.jpg" usemap="#myMap" alt="pic" width="283" height="283">

Roll your mouse over my image below to see my hotspots in place in it.

 

 click here to code.

Tweet