« Le langage HTML/Images » : différence entre les versions
Contenu supprimé Contenu ajouté
m ponctuation |
rajouts d'attributs pour img |
||
| Ligne 1 : | Ligne 1 : | ||
{{Programmation HTML}} |
{{Programmation HTML}} |
||
Une image est insérée avec la balise <code>img</code> en spécifiant avec l' |
Une image est insérée avec la balise <code>img</code> en spécifiant avec l'attribut <code>src</code> le chemin de l'image à inclure : |
||
<pre><nowiki> |
<pre><nowiki> |
||
<img src="mon_image.png"/> |
<img src="mon_image.png"/> |
||
</nowiki></pre> |
</nowiki></pre> |
||
| ⚫ | |||
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>== |
|||
| ⚫ | |||
<pre><nowiki> |
<pre><nowiki> |
||
<img src="bienvenue.png" alt="Bienvenue !"/> |
<img src="bienvenue.png" alt="Bienvenue !"/> |
||
Version du 28 novembre 2004 à 01:03
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)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 !"/>