Logiciel : IMAGE MAP GENERATOR

Logiciel : IMAGE MAP GENERATOR
La balise map permet de créer une image réactive (coté client) en HTML. L’image réactive
est utilisée généralement pour définir plusieurs liens (internes ou externes) sur une même
image. Elle est souvent utilisée pour des banderoles. La balise map doit être utilisée avec la
balise area qui elle, possède trois attributs :
1)



shape ( qui prend trois valeurs) :
rect pour un rectangle,
circle pour un cercle,
poly pour un polygone.
2) coords
 indique les coordonnées des coins supérieurs gauche et inférieur droit de la zone pour
un rectangle rect.
 indique les coordonnées de chaque angle du polygone si vous optez pour la valeur
poly.
 indique les coordonnées du centre du cercle et la dimension du rayon de ce même
cercle pour la valeur circle.
3) href
 définit la page de destination du lien (interne ou externe) correspondant à la zone.
1ère zone de clic
2ème zone de clic
HTML –Les images réactives- Jean Michel MEULIEN
Page 1
Code d’explication :
<map name= « testmap »>
<area shape= « rect » coords= « 29,58,63,151 » href= “http://www.google.fr “
title= « recherche google » target=_blank />
<area shape= « circle» coords= « 149,77,18» href= “http://www.yahoo.fr “
title= « recherche yahoo » target=_blank />
</map>
<img src= « images/dessin.jpg » border =”0” width=”200” height=”163”
usemap= « #testmap » alt= « recherche google ou yahoo » / >
HTML –Les images réactives- Jean Michel MEULIEN
Page 2