« Le langage HTML/Images » : différence entre les versions
Contenu supprimé Contenu ajouté
Aucun résumé des modifications |
m <source> -> <syntaxhighlight> (phab:T237267) |
||
Ligne 68 :
Une image elle-même peut être à l'intérieur d'une balise <code><a>…</a></code> : on peut alors cliquer sur l'image pour accéder à la ressource désignée. Par exemple :
<
<a href="http://fr.wikibooks.org">
<img src="https://upload.wikimedia.org/wikipedia/commons/d/df/Wikibooks-logo-en-noslogan.svg" alt="Wikibooks" />
</a>
</syntaxhighlight>
{{loupe|../Liens}}
Ligne 100 :
* la carte est définie par une balise <code><map>…<map></code> qui contient des zones ; chaque zone est définie par une balise <code><area /></code>.
Par exemple :
<
<img src="image.png" alt="Carte du site" usemap="#nomdelacarte" />
<map name="nomdelacarte">
<area shape="rect" coords="9,372,66,397" href="http://fr.wikipedia.org/" alt="Wikipédia" title="Wikipédia" >
</map>
</syntaxhighlight>
Les attributs de la balise <code><area /></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 ;
Ligne 117 :
Le SVG étant du XML, comme le XHTML, il est possible de définir une image SVG directement à l'intérieur du code HTML. Par exemple :
<
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Ligne 136 :
</body>
</html>
</syntaxhighlight>
{{loupe|Découvrir le SVG}}
| |||