INFORMATIONS

Les Bases du xHTML Auteur : wizad Modifie le : 21/11/2006 à 13h29
Retour
Chapitre: Précédent | Suivant

Chapitre 6 : Images

On se sert de l'élément <img /> (pour image, bien sûr) et de ses attributs. Le principal attribut est src : il permet de spécifier l'adresse où aller chercher l'image. Ainsi, quand on écrit son fichier ~/www/index.html pour inclure une image située dans son répertoire ~/www/images/, on écrira :

Code source html/xhtml :
  1. <img src="images/monimage.jpg" />
Parsé en 0.004s par GeSHi 1.0.7.13

On peut aussi indiquer une adresse absolue quand l'image n'est pas sur votre compte, par exemple :

Code source html/xhtml :
  1. <img src="http://www.eleves.ens.fr/tuteurs/icones/note.png" />
Parsé en 0.004s par GeSHi 1.0.7.13

Il est obligatoire d'indiquer une description de votre image, en guise de texte alternatif pour les navigateurs texte, ou si pour une raison quelconque l'image ne peut pas être téléchargée ; le texte alternatif sert, en particulier, pour les non-voyants qui disposent de logiciels pour lire du texte à haute voix, mais n'ont rien pour décrire des images. Ce texte doit être court et informatif. On l'indique avec l'attribut alt :

Code source html/xhtml :
  1. <img src="images/pouf.jpg" alt="Photo de moi et mon chien Pouf en vacances" />
Parsé en 0.006s par GeSHi 1.0.7.13

Si l'image ne joue aucun rôle sémantique (c'est-à-dire si elle n'est là que pour décorer), on indique alt="".

Les formats les plus couramment utilisés pour le Web sont le JPEG, en .jpg et le GIF, en .gif — utiliser de préférence le format PNG, GIF n'étant pas libre, et moins bon techniquement. JPEG est un format qui est plus adapté aux photos, GIF ou PNG sont plus adaptés aux logos et de manière générale aux images ayant peu de couleurs.