HTML <img> 标签

如何插入图片：

下面有更多 "亲自试一试" 示例。

定义和用法

这个<img>标签用于在 HTML 页面中嵌入图片。

从技术上讲，图片并未插入网页；图片链接到网页。这<img>标签为引用的图片创建一个保留空间。

这个<img>标签有两个必需的属性：

笔记：另外，请始终指定图片的宽度和高度。如果未指定宽度和高度，则加载图片时页面可能会闪烁。

提示：要将图片链接到另一个文档，只需嵌套<img>标签内的<一>标签（参见下面的示例）。

Element
<img>	Yes	Yes	Yes	Yes	Yes

Attribute	Value	Description
alt	text	Specifies an alternate text for an image
crossorigin	anonymous use-credentials	Allow images from third-party sites that allow cross-origin access to be used with canvas
height	pixels	Specifies the height of an image
ismap	ismap	Specifies an image as a server-side image map
loading	eager lazy	Specifies whether a browser should load an image immediately or to defer loading of images until some conditions are met
longdesc	URL	Specifies a URL to a detailed description of an image
referrerpolicy	no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url	Specifies which referrer information to use when fetching an image
sizes	sizes	Specifies image sizes for different page layouts
src	URL	Specifies the path to the image
srcset	URL-list	Specifies a list of image files to use in different situations
usemap	#mapname	Specifies an image as a client-side image map
width	pixels	Specifies the width of an image

这个<img>标签还支持HTML 中的全局属性。

这个<img>标签还支持HTML 中的事件属性。

大多数浏览器都会显示<img>具有以下默认值的元素：

img {
display: inline-block;
}