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 width attribut spécifie la largeur d'une image, en pixels.
Astuce: Toujours spécifier à la fois la height 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 hauteur et la largeur 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 | |||||
|---|---|---|---|---|---|
| width | Oui | Oui | Oui | Oui | Oui |
Différences entre HTML 4.01 et HTML5
Dans HTML 4.01, dont la largeur peut être définie en pixels ou en% de l'élément conteneur. En HTML5, la valeur doit être en pixels.
Syntaxe
<img width="pixels">
Attribut valeurs
| Valeur | La description |
|---|---|
| pixels | La largeur en pixels (par exemple width="100" ) |