Attribut de hauteur HTML <img>

❮ Balise HTML <img>

Exemple

Une image d'une hauteur de 600 pixels et d'une largeur de 500 pixels :

<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">

L' heightattribut spécifie la hauteur d'une image, en pixels.

Conseil : spécifiez toujours les attributs heightet width pour les images. Si la hauteur et la largeur sont définies, l'espace requis pour l'image est réservé lors du chargement de la page. Cependant, sans ces attributs, le navigateur ne connaît pas la taille de l'image, et ne peut pas lui réserver l'espace approprié. L'effet sera que la mise en page changera pendant le chargement (pendant le chargement des images).

Conseil : La réduction de la taille d'une grande image avec les attributs heightet widthoblige l'utilisateur à télécharger la grande image (même si elle semble petite sur la page). Pour éviter cela, redimensionnez l'image avec un programme avant de l'utiliser sur une page.


Prise en charge du navigateur

Attribute
height Yes Yes Yes Yes Yes

Syntaxe

<img height="pixels">

Valeurs d'attribut

Value Description
pixels The height in pixels (e.g. height="100")

❮ Balise HTML <img>