Mappe sensibili in HTML

Nel linguaggio HTML possiamo creare dei link attraverso delle mappe sensibili. Si tratta di alcune immagin che possono essere utilizzate per creare dei link ad altre pagine individuano delle zone di forme diverse con delle figure rettangolari, cerchio o poligono. Basta aprire l'immagine scelta con paint per individuare le coordinate dei punti.

Ad esempio per la forma rettangolare individuate le coordinate dello spigolo in alto a sinistra del rettangolo e dello spigolo in basso a sinistra sempre del rettangolo potremmo avere queste coordinate:

shape="rect" coords="79, 353, 150, 490"

dove  

shape="rect" significa forma rettangolare

coords="79, 353, 150, 490" sono le coordinate dei punti P1 (79,353) in alto a sinistra e P2(150,490) in basso a destra.

oppure se scegliamo la forma del cerchio possiam avere le seguenti coordinate

shape="circle" coords="166,112,40"

dove

shape="circle" significa forma circolare

coords="166,112,40"

significa: il centro del cerchio ha coordinate 166,112 mentre il raggio è di 40 pixel

Ma vediamo adesso il file scritto in HTML e i vari comandi, o tag, per creare la mappa sensibile.

Ho scelto la mappa delle regioni italiane ed ho individuato le quattro zone cliccabili che corrispondono alle regioni: Lombardia, Marche, Sardegna, Sicilia ottenendo i vari link alle pagine indicanti le caratteristiche delle quattro regioni.

Naturalmente si potrebbe fare anche la mappatura di tutte le regioni d'italia, che lasci a voi come esercizio.

L'effetto che si ottiene scrivendo il file precedente in HTML è il seguente.