HTML Reference Manual

HTML tag大全

HTML: <img> width attribute

L'attribut width spécifie la largeur de l'image en pixels.

Online Example

Height and width are both 30 pixel image:

Example

<!DOCTYPE　html>
<html>
<head>
<title>HTML: <img> width attribute　-　Basic Tutorial Network　oldtoolbag.com</title>
<body>
<img　src="haha.gif"　alt="haha　face"　width="30" height="30">
</body>
</html>

Test to see ‹/›

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires prennent en charge l'attribut width.

L'attribut width spécifie la largeur de l'image en pixels.

Astuce :Spécifiez toujours les attributs hauteur et largeur de l'image en même temps. Si ces attributs sont définis, l'espace nécessaire pour l'image est conservé au chargement de la page. Cependant, sans ces attributs, le navigateur ne sait pas la taille de l'image et ne peut pas en réserver l'espace approprié. Le résultat est que la mise en page de la page change pendant le chargement (lors du chargement de l'image).

Astuce :L'utilisation des attributs height et width pour réduire la taille d'une image grande force l'utilisateur à télécharger l'image grande (même si elle semble petite sur la page). Pour éviter cela, redimensionnez l'image avec un programme avant de l'utiliser sur la page.

HTML 4.01 et HTML5différences entre

Dans HTML 4.01 dans laquelle la largeur doit être définie en pixels ou en pourcentage de l'élément contenant. Dans HTML5 dans laquelle la valeur de la largeur doit être exprimée en pixels.

Syntaxe

<img width="pixels">

Valeur de l'attribut

Valeur	Description
pixels	Largeur en pixels (par exemple width="100"）

　HTML <img> balise

HTML: <template> balise