Un'immagine può diventare una mappa sensibile al passaggio del mouse cioè, quando l'utente clicca su un area predefinita dell'immagine viene attivato un collegamento ipertestuale ad un altra pagina web.
L'area sensibile può essere rettangolare, circolare oppure poligonale ma sul web viene utilizzata maggiormente la prima opzione.
Per descrivere la forma dell'area vengono usate le coordinate grafiche dell'immagine (ottenubili anche con un programma come Paint), le coordinate corrispondenti ad un punto vengono espresse in pixel.
Questo è il codice html:
<MAP NEME="MAP">
<AREA SHAPE="xxx" COORDS="???, ???, ???, ???" HREF="url">
</MAP>
<IMG SRC="nomeimmagine" BORDER=0" USEMAP="#MAP">
Al posto delle "xxx" si inserirà:
- rect per ottenere il rettangolo indicando i due vertici opposti del rettangolo
- circle per il cerchio indicando il centro e il raggio
- poly per il poligono indicando le coordinate dei vertici
Mentre al posto dei punti di domanda le varie coordinate.