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 中的事件属性。