HTML 5 <img> 标签

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> 标签

## 定义和用法

<img> 标签定义 HTML 页面中的图像。

请注意，从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。

<img> 标签有两个必需的属性：src 和 alt。

## 实例

如何插入图像：

    <img src="tulip.jpg" alt="上海鲜花港 - 郁金香" />

亲自试一试

## 浏览器支持

所有主流浏览器都支持 <img> 标签。

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

在 HTML 4.01 中，不赞成使用以下布局属性：align, border, hspace、vspace。在 HTML5 中不支持这些属性。

## 属性

属性 | 值 | 描述
--- | --- | ---
alt | text | 规定图像的替代文本。
src | URL | 规定图像的 URL。

height

- pixels
- %

规定图像的高度。

ismap | ismap | 把图像设置为服务器端图像映射。
usemap | #mapname | 把图像设置为客户端图像映射。

width

- pixels
- %

规定图像的宽度。

## 全局属性

<img> 标签支持 HTML 5 中的全局属性。

## 事件属性

<img> 标签支持 HTML 5 中的事件属性。