Exemple
Une image avec une hauteur et une largeur de 42 pixels:
<img src="smiley.gif" alt="Smiley face"
height="42" width="42"> Essayez - le vous - même » La height attribut spécifie la hauteur d'une image, en pixels.
Astuce: Toujours spécifier la hauteur et la width des attributs pour les images.Si la hauteur et la largeur sont définies, l'espace requis pour l'image est réservé lorsque la page est chargée. Toutefois, sans ces attributs, le navigateur ne connaît pas la taille de l'image, et ne peut pas réserver un espace approprié à lui. L'effet sera que la mise en page va changer au cours du chargement (alors que les images se chargent).
Astuce: Downsizing une grande image avec la height et la width des attributs force un utilisateur à télécharger la grande image (même si elle semble petit sur la page).Pour éviter cela, redimensionner l'image avec un programme avant de l'utiliser sur une page.
support du navigateur
| Attribut | |||||
|---|---|---|---|---|---|
| height | Oui | Oui | Oui | Oui | Oui |
Différences entre HTML 4.01 et HTML5
Dans HTML 4.01, la hauteur pourrait être définie en pixels ou en% de l'élément conteneur. En HTML5, la valeur doit être en pixels.
Syntaxe
<img height="pixels">
Attribut valeurs
| Valeur | La description |
|---|---|
| pixels | La hauteur en pixels (par exemple height="100" ) |