HTML <img> height 屬性
示例
一張高度為 600 畫素、寬度為 500 畫素的圖片
<img src="img_girl.jpg" alt="穿夾克的女孩" width="500" height="600">
自己動手試一試 »
height
屬性以畫素為單位指定影像的高度。
提示: 始終為影像指定 height
和 width
屬性。如果設定了高度和寬度,則在頁面載入時會為影像保留所需的空間。但是,沒有這些屬性,瀏覽器不知道影像的大小,也無法為其保留適當的空間。效果是頁面佈局在載入過程中(在影像載入時)會發生變化。
提示: 使用 height
和 width
屬性透過縮小大影像會強制使用者下載大影像(即使它在頁面上看起來很小)。為避免此問題,請先使用程式縮放影像,然後再將其用於頁面。
瀏覽器支援
Attribute | |||||
---|---|---|---|---|---|
height | 是 | 是 | 是 | 是 | 是 |
語法
<img height="畫素">
屬性值
值 | 描述 |
---|---|
畫素 | 以畫素為單位的高度(例如 height="100") |
❮ HTML <img> 標籤