121 HTML img height 属性

HTML <img> height 属性

实例

高度和宽度都为 42 像素的图像：

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

试一试

浏览器支持

所有主流浏览器都支持 height 属性。

height 属性规定图像的高度，以像素计。

提示： 为图像指定 height 和 width 属性是一个好习惯。如果设置了这些属性，就可以在页面加载时为图像预留空间。如果没有这些属性，浏览器就无法了解图像的尺寸，也就无法为图像保留合适的空间，因此当图像加载时，页面的布局就会发生变化。

提示： 请不要通过 height 和 width 属性来缩放图像。如果通过 height 和 width 属性来缩小图像，那么用户就必须下载大容量的图像（即使图像在页面上看上去很小）。正确的做法是，在网页上使用图像之前，应该通过软件把图像处理为合适的尺寸。

定义和用法

HTML5 不支持 <img> border 属性。请使用 CSS 代替。

在 HTML 4.01 中，<img> 的 border 属性 已废弃。

border 属性规定图像周围的边框的宽度。

注意： 默认地，图像是没有边框的（除非图像在 <a> 元素内部）。

语法

<img height="pixels">

属性值