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

Aller à la navigation Aller à la recherche
(Image contenant des liens)
(→‎Image contenant des liens : carte cliquable)
<img src="https://upload.wikimedia.org/wikipedia/commons/d/df/Wikibooks-logo-en-noslogan.svg" alt="Wikibooks" />
</a>
</source>
 
{{loupe|../Liens}}
 
L'image peut également être découpée en zones cliquables menant vers des ressources différentes. Pour cela :
* la balise <code>&lt;img&gt;</code> doit contenir un attribut <code>usemap</code> contenant un nom, le nom de la carte définissant les zones ;
* 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="Website map" usemap="#mapname" />
<map name="mapname">
<area shape="rect" coords="9,372,66,397" href="http://en.wikipedia.org/" alt="Wikipedia" title="Wikipedia" >
</map>
</source>
 
13 183

modifications

Menu de navigation