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

m
<source> -> <syntaxhighlight> (phab:T237267)
m (<source> -> <syntaxhighlight> (phab:T237267))
 
Une image elle-même peut être à l'intérieur d'une balise <code>&lt;a&gt;…&lt;/a&gt;</code> : on peut alors cliquer sur l'image pour accéder à la ressource désignée. Par exemple :
<sourcesyntaxhighlight lang="html">
<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>
</source>
 
{{loupe|../Liens}}
* 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 :
<sourcesyntaxhighlight lang="html">
<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>
</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 ;
 
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 :
<sourcesyntaxhighlight lang="html">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
</body>
</html>
</syntaxhighlight>
</source>
 
{{loupe|Découvrir le SVG}}
1 535

modifications