HTML 5 <img> height 属性

w3school 在线教程

## HTML5 教程

- HTML5 教程
- HTML5 简介
- HTML5 视频
- HTML5 视频/DOM
- HTML5 音频
- HTML5 拖放
- HTML5 画布
- HTML5 SVG
- HTML5 画布 vs SVG
- HTML5 地理定位
- HTML5 Web 存储
- HTML5 应用缓存
- HTML5 Web Workers
- HTML5 服务器发送事件

## HTML5 表单

- HTML5 输入类型
- HTML5 表单元素
- HTML5 表单属性

## HTML5 测验

- HTML5 测验

## HTML5 参考手册

- HTML5 标签
- HTML5 属性
- HTML5 事件
- HTML5 视频/音频
- HTML5 画布
- HTML 有效 DTD

# HTML 5 <img> height 属性

HTML 5 <img> 标签

## 实例

规定图像的高度和宽度：

    <img src="tulip.gif" width="400" height="266" alt="上海鲜花港 - 郁金香" />

亲自试一试

## 定义和用法

height 属性规定图像的高度。

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

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

## HTML 4.01 与 HTML 5 之间的差异

无差别。

## 语法

    <img height="pixels|%" />

### 属性值

值 | 描述
--- | ---
pixels | 以像素为单位的高度。（比如 "100px" 或仅仅是 "100"）
% | 以包含元素的百分比计的高度。（比如 "50%"）

HTML 5 <img> 标签