Creating HTML Image Maps
Creating multiple clickable links or hotspots over different parts of an image is very simple to do using the HTML Map element.
In order to define some hotspots over an image you need to associate the image with a <map/> definition using the usemap attribute of the <img/> element.
The Map element requires a name attribute to be defined and acts as a container for a series of <area/> elements which allow you to define your hotspots as either, Rectangles, Circles or Polygons.
Here’s an example:
