Attribut de largeur 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' widthattribut spécifie la largeur d'une image, en pixels.
Conseil : spécifiez toujours les attributs heightet
widthpour 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 | |||||
|---|---|---|---|---|---|
| width | Yes | Yes | Yes | Yes | Yes |
Syntaxe
<img width="pixels">
Valeurs d'attribut
| Value | Description |
|---|---|
| pixels | The width in pixels (e.g. width="100") |
❮ Balise HTML <img>