« Le langage HTML/Images » : différence entre les versions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 10 : | Ligne 10 : | ||
*<code>align</code> : alignement de l'image (peut prendre les valeurs top, bottom, middle, left ou right) |
*<code>align</code> : alignement de l'image (peut prendre les valeurs top, bottom, middle, left ou right) |
||
*<code>alt</code> : texte de remplacement (affiché si le navigateur ne peut afficher l'image) |
*<code>alt</code> : texte de remplacement (affiché si le navigateur ne peut afficher l'image) |
||
*<code>title</code> : titre de l'image (s'affiche en info bulle dans le navigateur) |
|||
*<code>border</code> : largeur de la bordure de l'image (valeur exprimée en pixels) |
*<code>border</code> : largeur de la bordure de l'image (valeur exprimée en pixels) |
||
*<code>height</code> : hauteur de l'image (si aucune valeur spécifiée, l'image garde sa hauteur normale) |
*<code>height</code> : hauteur de l'image (si aucune valeur spécifiée, l'image garde sa hauteur normale) |
||
| Ligne 19 : | Ligne 20 : | ||
<img src="bienvenue.png" alt="Bienvenue !" /> |
<img src="bienvenue.png" alt="Bienvenue !" /> |
||
</nowiki></pre> |
</nowiki></pre> |
||
==L'attribut <code>title</code>== |
|||
Il est fortement conseillé d'atribuer un titre à chaque image en plus de l'information alternative (alt). L'attribut title doit contenir un information précise sur l'image. |
|||
Les navigateurs affichent cette information dans un info bulle : |
|||
<pre><nowiki> |
|||
<img src="renard.png" title="Renard en promenade" /> |
|||
</nowiki></pre> |
|||
==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. |
|||
--[[Utilisateur:Polo7|Polo7]] 10 janvier 2006 à 22:01 (UTC) |
|||
Version du 11 janvier 2006 à 00:01
Une image est insérée avec la balise img en spécifiant avec l'attribut src le chemin de l'image à inclure :
<img src="mon_image.png" />
La balise img peut avoir divers attributs facultatifs. Seul l'attribut src est obligatoire.
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 conseillé 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 webs. Le texte de remplacement est spécifié par l'attribut alt :
<img src="bienvenue.png" alt="Bienvenue !" />
L'attribut title
Il est fortement conseillé d'atribuer un titre à chaque image en plus de l'information alternative (alt). L'attribut title doit contenir un information précise sur l'image. Les navigateurs affichent cette information dans un info bulle :
<img src="renard.png" 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.
--Polo7 10 janvier 2006 à 22:01 (UTC)