« Le langage HTML/Images » : différence entre les versions

rajouts d'attributs pour img
m (ponctuation)
(rajouts d'attributs pour img)
{{Programmation HTML}}
 
Une image est insérée avec la balise <code>img</code> en spécifiant avec l'optionattribut <code>src</code> le chemin de l'image à inclure :
<pre><nowiki>
<img src="mon_image.png"/>
</nowiki></pre>
 
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'option <code>alt</code> :
La balise <code>img</code> peut avoir divers attributs facultatifs. Seul l'attribut <code>src</code> est obligatoire.
 
*<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>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>width</code> : largeur de l'image (si aucune valeur spécifiée, l'image garde sa largeur normale)
 
==L'attribut <code>alt</code>==
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'optionattribut <code>alt</code> :
<pre><nowiki>
<img src="bienvenue.png" alt="Bienvenue !"/>
1 561

modifications