width属性以像素为单位指定图像的宽度。
高度和宽度都为 30 像素的图像:
<!DOCTYPE html> <html> <head> <title>HTML:<img> width 属性 - 基础教程网 (niaoge.com)</title> <body> <img src="haha.gif" alt="haha face" width="30" height="30"> </body> </html>测试看看 ‹/›
IEFirefoxOperaChromeSafari
所有主流浏览器都支持 width 属性。
width属性以像素为单位指定图像的宽度。
提示:始终同时指定 图像的高度和宽度属性。如果设置了高度和宽度,则在加载页面时保留图像所需的空间。但是,如果没有这些属性,浏览器将不知道图像的大小,并且无法为其保留适当的空间。效果是页面布局将在加载过程中(图像加载时)改变。
提示:使用height和width属性缩小大图像的尺寸会迫使用户下载大图像(即使页面上看起来很小)。为避免这种情况,请在使用页面之前使用程序重新缩放图像。
在 HTML 4.01 中,宽度应该被定义为以像素为单位或者以包含元素的百分比为单位。在 HTML5 中,宽度值必须以像素为单位。
<img width="pixels">
值 | 描述 |
---|---|
pixels | 以像素为单位的宽度(比如 width="100") |