Différences entre les versions de « Le langage HTML/Images »

(→‎Image contenant des liens : carte cliquable)
* la carte est définie par une balise <code>&lt;map&gt;…&lt;map&gt;</code> qui contient des zones ; chaque zone est définie par une balise <code>&lt; area /&gt;</code>.
Par exemple :
<source lang="html">
<img src="image.png" alt="WebsiteCarte mapdu site" usemap="#mapnamenomdelacarte" />
<map name="mapnamenomdelacarte">
<area shape="rect" coords="9,372,66,397" href="http://enfr.wikipedia.org/" alt="WikipediaWikipédia" title="WikipediaWikipédia" >
</map>
</source>
Les attributs de la balise <code>&lt; area /&gt;</code> sont :
* <code>shape</code> : définit la forme de la zone, ses valeurs peuvent être <code>"rect"</code> pour un rectangle, <code>"poly"</code> pour un polygone et <code>"circle"/code> pour un disque ;
* <code>coords</code> : définit les coordonnées décrivant la zone, séparées par des virgules :
** pour un rectangle, il s'agit des coordonnées des coins en bas à gauche et en haut à droite, sous la forme <code>"x1, y1, x2, y2"</code>,
** pour un polygone, il s'agit de la liste des coordonnées des points, sous la forme <code>"x1, y1, x2, y2, …, xn, yn"</code>,
** pour un disquee, il s'agit des coordonnées du centre et du rayon, sous la forme <code>"xc, yc, r"</code> ;
* les attributs classiques d'un lien : essentiellement <code>href</code> et <code>alt</code>
 
[[Catégorie:Le langage HTML (livre)]]
13 177

modifications