« Le langage HTML/Images » : différence entre les versions
+précision alt="" |
|||
Ligne 27 : | Ligne 27 : | ||
==L'attribut <code>title</code>== |
==L'attribut <code>title</code>== |
||
Il est |
Il est possible d'attribuer un titre à chaque image en plus de l'information alternative (alt). L'attribut title doit contenir un information ''optionnelle'' sur l'image, ou reproduire l'attribut <code>alt</code>: |
||
Les navigateurs affichent cette information dans un info bulle : |
Les navigateurs affichent cette information dans un info bulle : |
||
<pre><nowiki> |
<pre><nowiki> |
||
<img src="renard.png" title="Renard en promenade" /> |
<img src="renard.png" alt="Renard en promenade" title="Renard en promenade" /> |
||
</nowiki></pre> |
</nowiki></pre> |
||
Version du 16 août 2006 à 09:27
Une image est insérée avec la balise img
en spécifiant avec l'attribut src
le chemin de l'image à inclure et avec l'attribut alt
l'éventuel texte de remplacement de l'image :
<img src="mon_image.png" alt="texte équivalent à l'image" />
La balise img
peut avoir divers attributs facultatifs. Seuls les attributs src
et alt
sont obligatoires.
align
: alignement de l'image (peut prendre les valeurs top, bottom, middle, left ou right)alt
: texte de remplacement (affiché si le navigateur ne peut afficher l'image)title
: titre de l'image (s'affiche en info bulle dans le navigateur)border
: largeur de la bordure de l'image (valeur exprimée en pixels)height
: hauteur de l'image (si aucune valeur spécifiée, l'image garde sa hauteur normale)width
: largeur de l'image (si aucune valeur spécifiée, l'image garde sa largeur normale)
L'attribut alt
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'accessibilité des pages web.Le texte de remplacement est spécifié par l'attribut alt
:
<img src="bienvenue.png" alt="Bienvenue !" />
Lorsqu'une image ne véhicule pas d'information, ce texte peut être vide, mais l'attribut doit être alors présent sous la forme :
<img src="image_decorative.png" alt="" />
L'attribut title
Il est possible d'attribuer un titre à chaque image en plus de l'information alternative (alt). L'attribut title doit contenir un information optionnelle sur l'image, ou reproduire l'attribut alt
:
Les navigateurs affichent cette information dans un info bulle :
<img src="renard.png" alt="Renard en promenade" title="Renard en promenade" />
Remarque
L'attribut alt et title peuvent être cumulé, c'est même conseillé afin d'obtenir un affichage correcte sur la plupart des navigateurs.