Il est possible, d'habiller une image par du texte. Il suffit d'utiliser l'attribut align (left, right, center, texttop, abscenter, absbottom).

Script utilisé pour cette photo : <img src="strasbourg.gif" align="left">

Ceci permet de délimiter des zones d'une image qui pourront être actives sous la forme d'un lien hypertexte.
 

exemple : cliquez sur les deux clochers, et sur le bas du clocher de gauche.

Voici le script :

<img usemap="#thomas" SRC="stthomas.jpg" height=480 width=640 border="0">

<map name="thomas">
<area shape="circle"  alt="table"  coords="180,100,100" href="lecon_5.html">
<area shape="rect"    alt="hypertext" coords="350,150,600,400" href="lecon_2.html">
<area shape="polygon" alt="tags" coords="245,230,150,300,150,480,310,480,310,320" href="lecon_1.html">
</map>
</body>
 
 

Attributs de la balise img
usemap	le nom et l'adresse de la map utilisée.
border="0"	évite d'avoir un cadre autour de la photo
height=480 width=640	taille de l'image en pixel

 
 
 

Balise map et ses attributs
<map name="thomas">  </map>	encadre les informations concernant la "map" (carte)
name="thomas"	nom de la "map"
area shape="circle" (rect ou polygon)	forme de la selection
coords="180,100,100"	coordonnées de la sélection en pixels
circle : corrds="a,b,c"	cercle : a et b = emplacement du centre du cercle,  a =distance  du centre du cercle à partir de la gauche de limage b= distance du centre du cercle à partir du haut de l'image c= diamètre du cercle.
rect :  coords ="a,b,c,d"	a = distance du coté gauche (vertical)  à partir de la gauche de l'image b = distance du coté haut (horizontal) à partir du haut de l'image c = distance du coté droit (vertical) à partir de la gauche de l'image d = distance du coté bas (horizontal) à partir du haut de l'image
polygon :  coods="a,b,c,d,e,f ....."	a,b = coordonnées du premier angle du polygone, a = coordonnée horizontale, b = coordonnée verticale. c,d = coordonnées du second angle e,f ...........
alt="table"	ouvre, sous explorer, au passage de la sourie,  une icone indiquant "table" voir ci-dessus
href="lecon-5.html"	Lien hypertexte