HTML <img> 标签width属性

<img>标签width属性定义和用法

width属性指定图像的宽度（以像素为单位）。
提示：始终指定图像的height和width属性。如果设置了高度和宽度，则在加载页面时会保留图像所需的空间。但是，如果没有这些属性，浏览器就不知道图像的大小，也无法为其保留适当的空间。效果将是页面布局在加载期间（图像加载时）会发生变化。
提示：使用height和width属性缩小大图像会强制用户下载大图像（即使它在页面上看起来很小）。为避免这种情况，请在页面上使用之前使用程序重新缩放图像。

<img>标签width属性浏览器支持

Edge/IE	Chrome	FireFox	Safari	Opera

支持	支持	支持	支持	支持

HTML4.01和HTML5之间的差异

在HTML 4.01中，宽度可以以像素或包含元素的％来定义。在HTML5中，值必须以像素为单位。

<img>标签width属性语法

<img>标签width属性实例

<!DOCTYPE html>
<html>
<body>
<img src="/images/smiley.png" alt="Smiley face" width="128" height="128">
</body>
</html>

尝试一下

<img>标签width属性值

属性值	描述
pixels	宽度（以像素为单位）（例如，width=“100”）