Per rendere interattiova un'immagine è sufficiente integrare il comando <IMG SRC="foto.jpg"> come segue:
<html>
<body>
<p align=center>

<img src="immagini/campus.jpg" width="592" height="400" usemap="#mappa">

<map name="mappa">
<area shape="rect" coords="212,35,276,78" alt="via Celso Ulpiani" href="esterno.html">
<area shape="circle" coords="230,200,10" alt="laboratorio" href="icar.html">
</map>

</p>
</body>
</html>

Sull'immagine sono state individuate due zone sensibili:
- una di forma rettangolare <area shape="rect" coords="212,35,276,78"> individuata dalle coordinate del vertice superiore sinistro del rettangolo (212,35) e di quello inferiore destro (276,78);
- una di forma circolare <area shape="circle" coords="230,200,10" > individuata dalle coordinate del centro (230,200) e dal raggio (10)

pagina | ipertesto | adeguamento | visualizzazione | chiarezza | HTML