« Le langage HTML/Images » : différence entre les versions
Contenu supprimé Contenu ajouté
m →L'attribut <code>title</code> : mise en forme |
Les attributs <code>height</code> et <code>width</code> |
||
Ligne 54 :
; Remarque
: L'attribut <code>alt</code> et <code>title</code> peuvent être cumulés, c'est même conseillé afin d'obtenir un affichage correct sur la plupart des navigateurs.
== Les attributs <code>height</code> et <code>width</code> ==
Si l'on omet ces attributs, l'image s'affiche en grandeur réelle (pixel pour pixel).
Si l'on indique une des dimensions (la largeur ou la hauteur), l'autre dimension est calculée pour que l'image s'affiche avec ses proportions originales.
Le fait d'indiquer les deux dimensions peut faciliter l'affichage : les images sont chargées après le texte, le navigateur peut ainsi réserver la place nécessaire, sinon, il doit décaler le texte au fur et à mesure que les images sont chargées. Il peut donc être intéressant d'indiquer les dimensions même si l'on utilise les dimensions originales de l'image. Cependant, l'auteur doit bien s'assurer que les proportions (rapport largeur/hauteur) sont respectées, sous peine que l'image s'affiche déformée.
| |||