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

+ correction orthographe/grammaire
(+)
(+ correction orthographe/grammaire)
<noinclude>{{Le langage HTML}}</noinclude>
 
Une image est insérée avec la balise <code>img</code> en spécifiant avec l'attribut <code>src</code> ''(source)'' le chemin de l'image à inclure (sous la forme d'unune adresse réticulaire, URL) et avec l'attribut <code>alt</code> l'éventuel texte de remplacement de l'image :
; XHTML
&lt;img src="mon_image.png" alt="texte si l'image n'est pas affichée" /&gt;
== L'attribut <code>src</code> ==
 
L'attribut <code>src</code> contient donc l'adresse à laquelle on va charcherchercher l'image (voir le chapitre ''[[Programmation HTML|Liens]]''). On peut utiliser une adresse absolue ou relative.
 
Il faut cependant proscrire l'inclusion des objets (images, sons, vidéo) situés sur d'autres sites, ce que l'on appelle des « liens à chaud » ''(hot links)''. En effet, cela génère du traffictrafic sur le serveur cible au lieu de son propre serveur, ce que le serveur cible peut considérer comme du « vol de [[w:bande passante|bande passante]] ». Par ailleurs, le fait que l'on utilise l'objet original n'implique pas un respect du [[w:droit d'auteur|droit d'auteur]] : certes on n'a pas fait de copie de l'objet, mais on utilise l'objet, et cela doit se faire avec l'accord de l'auteur et/ou de ses ayants -droit.
 
Donc, si par exemple notre page web est <code><nowiki>http://www.monsite.com/mapage.html</nowiki></code> et que l'on veut inclure l'image <code><nowiki>http://www.autresite.com/images/img1.png</nowiki></code>, les deux solutions acceptables sont :
* demander l'utorisationautorisation au toilemestre du site <code><nowiki>http://www.autresite.com/</nowiki></code>, importer l'image sur son propre site et l'exploiter en local, en affichant l'origine de l'image et les conditions d'utilisation imposées par le site d'origine ;
: par exemple, si l'on place l'image en <code><nowiki>http://www.monsite.com/image/img1.png</nowiki></code>, on peut écrire
{{vert|&lt;img}} src="/image/img1.png" … {{vert|/>}} {{vert|&lt;br />}}
{{vert|&lt;a}} href="<nowiki>http://www.autresite.com/</nowiki>">Autresite.com{{vert|&lt;/a>}},
tous droits réservés
* ne pas inclure l'image mais faire le lienslien vers cette image, ou mieux vers la page Web contenant cette image ; par exemple
Voir l'illustration sur l'article dédié
du site {{vert|&lt;a}} href="<nowiki>http://www.autresite.com/lapage.html</nowiki>"{{vert|>}}Autresite.com{{vert|&lt;/a>}}
Il est nécessaire de donner, pour chaque image, un texte de remplacement pour les navigateurs ne supportant pas l'affichage d'images ou pour des raisons d'[[w:Accessibilité du Web|accessibilité des pages web]] (cf normes W3C). Le texte de remplacement est spécifié par l'attribut <code>alt</code> :
&lt;img src="bienvenue.png" alt="Bienvenue !" /&gt;
 
 
Lorsqu'une image ne véhicule pas d'information, ce texte doit être vide (n'oubliez pas que le <code>alt</code> est lu ou rendu en braille pour un malvoyant), l'attribut est alors présent sous la forme :