内容

• 脚步
• 提示

本文将向您展示如何在 HTML 中设置图像的高度和宽度。

• “width”属性设置图片的宽度（以像素为单位）。
• “height”属性设置图像的高度（以像素为单位）。
• 在 HTML4.01 中，高度可以以像素或百分比为单位设置，但在 HTML5 中，只能以像素为单位。

脚步

1. 1 打开 HTML 文件。 例如，打开文件 default.html。
2. 2 将以下行添加到您的 HTML 代码中。
   • img src = "imagefile.webp" alt = "图片" height = "42" width = "42">
   • src 包含图形文件（图片）的路径。
   • 在 alt 中，设置图像的大小。
3. 3 用你想要的值替换高度和宽度属性的值。 例如像这样：height = "19" width = "20"
4. 4 保存文件并在任何 Web 浏览器中打开它。 这样做可以检查图像是如何调整大小的。所有主要浏览器（Google Chrome、Safari、Mozilla Firefox、Opera、Internet Explorer）都支持“width”属性。

提示

• 始终设置图片的高度和宽度。所以当页面加载时，为图片保留了空间。否则，浏览器将不知道图像的大小，也不会预留空间，导致页面布局随着页面加载而变化。
• 如果使用“高度”和“宽度”属性缩小大图像的尺寸，用户将加载大图像（即使它在页面上看起来很小）。因此，我们建议您首先在图形编辑器中调整图像大小。