CÓDIGO DEL EJEMPLO:

<map id="lapices">
	<area alt="Lapiz rosa" href="img/map/rosa.gif" shape="rect" coords="0,0,40,180" />
	<area alt="Lapiz rojo" href="img/map/rojo.gif" shape="rect" coords="41,0,83,180" />
	<area alt="Lapiz naranja" href="img/map/naranja.gif" shape="rect" coords="83,0,118,180" />
	<area alt="Lapiz amarillo" href="img/map/amarillo.gif" shape="rect" coords="123,0,159,180" />
	<area alt="Lapiz verde" href="img/map/verde.gif" shape="rect" coords="159,0,197,180" />
	<area alt="Lapiz azul" href="img/map/azul.gif" shape="rect" coords="197,0,239,180" />
</map>
<img src="img/map/map.gif" usemap="#lapices" alt="Menú de colores" />