HTML `<img>` 标签

说明

<img>（image 的缩写）标签定义 HTML 文档中的图像。图像不直接插入到文档中；它们链接到 HTML 页面。 <img> 元素创建一个保存空间来嵌入由 src 属性指定的引用图像。

下表总结了此标签的使用上下文和版本历史。

Placement:	Inline
Content:	None. 它是一个empty 空元素。
开始/结束标签：	开始标签： required, 结束标签：forbidden
版本：	HTML 2, 3.2, 4, 4.01, 5

注意： 在非图形浏览器的情况下，浏览器可能会用此元素的 alt 属性中定义的替代文本替换图像，或者如果浏览器由于图像无效或不支持的类型。

<img> 标签的基本语法如下：

HTML:<img src="URL" alt="text">; XHTML:<img src="URL" alt="text" />

下面的示例显示了 <img> 标签的作用。

<img src="kites.jpg" alt="Flying Kites">
<img src="sky.jpg" alt="Cloudy Sky">
<img src="ballons.jpg" alt="Hot Air Ballons">

下表显示了特定于 <img> 标签的属性。

属性	值	说明
Required — 必须在此标签上指定以下属性才能使标签有效。
`alt`	text	为图像提供替代文本。
`src`	URL	指定要显示的图像文件的 URL。
Optional — 以下属性是可选的。
`align`	`left right top middle bottom`	Obsolete 指定图像相对于周围元素的对齐方式。
`border`	pixels	Obsolete 指定图像周围边框的宽度。
`crossorigin`	`anonymous` `use-credentials`	指定元素如何处理跨域请求。
`height`	length	指定图像的高度。
`hspace`	pixels	Obsolete 指定图像左侧和右侧的空白量。
`ismap`	`ismap`	This Boolean attribute defines that the image is part of a server-side map.
`longdesc`	URL	Obsolete 指定指向图像详细描述的链接。
`usemap`	URL	Obsolete 定义与 img 元素关联的客户端图像映射。
`vspace`	pixels	Obsolete 指定图像顶部和底部的空白量。
`width`	length	指定图像的宽度。

与所有其他 HTML 标签一样， <img> 标签支持 HTML5 中的全局属性。

<img> 标签还支持 HTML5 中的事件属性。

所有主要的现代浏览器都支持 <img> 标签。

请参阅以下教程： HTML 图片.