height屬性以像素為單位指定圖像的高度
高度和寬度為32像素的圖像:
<!DOCTYPE html> <html> <head> <title>HTML:<img> height 屬性 - 菜鳥教程 (cainiaoplus.com)</title> <body> <img src="haha.gif" alt="haha face" width="32" height="32"> </body> </html>測試看看 ?/?
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 height 屬性。
height屬性以像素為單位指定圖像的高度。
提示:始終同時(shí)指定 圖像的height和width屬性。如果設(shè)置了height和width,則在加載頁面時(shí)保留圖像所需的空間。但是,如果沒有這些屬性,瀏覽器將不知道圖像的大小,并且無法為其保留適當(dāng)?shù)目臻g。效果是頁面布局將在加載過程中(圖像加載時(shí))改變。
提示:使用height和width屬性縮小大圖像的尺寸會(huì)迫使用戶下載大圖像(即使頁面上看起來很小)。為避免這種情況,請(qǐng)?jiān)谑褂庙撁嬷笆褂贸绦蛑匦驴s放圖像。
在HTML 4.01中,高度可以以像素或包含元素的百分比定義。在HTML5中,該值必須以像素為單位。
<img height="pixels">
值 | 描述 |
---|---|
pixels | 以像素為單位的高度(比如 height="50")。 |