HTML <img> tag

Previous: HTML <input> tag

Next: HTML <iframe> tag

Examples

How to insert an image:

try it"
(For more examples, see the bottom of the page)

Browser Support

All major browsers support the <img> tag.

Tag definitions and instructions

<Img> tag defines an HTML page images.

<Img> tag has two required attributes: src and alt.

Note: Technically, the image will not be inserted into the HTML page, but the link to the HTML page.Role <img> tag is to create a placeholder image is referenced.

Tip: by nesting <img> tag in <a> tab, add to the image to link to another document.

Differences between HTML 4.01 and HTML5

HTML5 does not support the following attributes: align, border, hspace, longdesc, vspace.

In HTML 4.01, the following attributes: align, border, hspace, vspace obsolete .

Differences between HTML and XHTML

In HTML, <img> tag has no end tag.

In XHTML, <img> tag must be closed properly.

Attributes

New: HTML5 new property.

属性	值	描述
align	top bottom middle left right	HTML5 不支持。HTML 4.01 已废弃。规定如何根据周围的文本来排列图像。
alt	text	规定图像的替代文本。
border	pixels	HTML5 不支持。HTML 4.01 已废弃。规定图像周围的边框。
crossorigin New	anonymous use-credentials	设置图像的跨域属性
height	pixels	规定图像的高度。
hspace	pixels	HTML5 不支持。HTML 4.01 已废弃。规定图像左侧和右侧的空白。
ismap	ismap	将图像规定为服务器端图像映射。
longdesc	URL	HTML5 不支持。HTML 4.01 已废弃。指向包含长的图像描述文档的 URL。
src	URL	规定显示图像的 URL。
usemap	#mapname	将图像定义为客户器端图像映射。
vspace	pixels	HTML5 不支持。HTML 4.01 已废弃。规定图像顶部和底部的空白。
width	pixels	规定图像的宽度。