HTML <img> hauteur Attribut

❮ HTML <img> tag

Exemple

Une image ayant une hauteur de 600 pixels et une largeur de 500 pixels :

<img src="img_girl.jpg" alt="Fille en veste" width="500" height="600">
Essayez-le vous-même »

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

Conseil : Il est important de toujours spécifier à la fois les attributs hauteur et largeur 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 réserver l'espace approprié pour celle-ci. Cela entraînera un changement de la mise en page pendant le chargement (pendant que les images se chargent).

Conseil : Réduire une grande image avec les attributs hauteur et largeur oblige l'utilisateur à télécharger la grande image (même si elle apparaît petite sur la page). Pour éviter cela, redimensionnez l'image avec un programme avant de l'utiliser sur une page.


Support des navigateurs

Attribut
hauteur Oui Oui Oui Oui Oui

Syntaxe

<img height=" pixels ">

Valeurs des attributs

Valeur Description
pixels La hauteur en pixels (par exemple, height="100")

❮ HTML <img> tag