HTML <img> 标签

定義和用法

img 元素可定义一副图像。

HTML 与 XHTML 之间的差异

在 HTML 中,<img> 标签没有结束标签。

在 XHTML 中,<img> 标签必须被正确地关闭。

在 HTML 4.01 中,image 元素的"align"、"border"、"hspace" 以及 "vspace" 是不被赞成使用的。

在 XHTML 1.0 Strict DTD 中,image 元素的 "align"、"border"、"hspace" 以及 "vspace" 是不被支持的。

Mozilla Firefox 和 alt 屬性

如果您在 Firefox 中使用 alt 屬性,那么当鼠标悬浮在图片或图像地图时不会像其他的浏览器那样出现提示文本。

Firefox 使用 alt 屬性的方式与此屬性被预想的方式是一致的,比如假如图像没有载入时出现的替代文本,而不是 mouse-over 文本。

例如,<img src="image.gif" alt="bla" title="bla bla bla" />

例子

<img src="angry.gif" alt="Angry" />

必需的屬性

DTD指示此屬性允许在哪种DTD中使用。S=Strict, T=Transitional, F=Frameset.

屬性 描述 DTD
alt text 定义图像的简短描述(即图像的替代文本)。不超过 1024 个字符。 STF
src URL 所显示图像的 URL。 STF

可选的屬性

DTD 指示此屬性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

屬性 描述 DTD
align
  • top
  • bottom
  • middle
  • left
  • right
規定如何根據周圍的文本來排列圖像。 TF
border pixels 定義圖像周圍的邊框。 TF
height
  • pixels
  • %
定義圖像的高度。 STF
hspace pixels 定義圖像左側和右側的空白。 TF
ismap URL 定義作爲服務器端圖像映射的一幅圖像。有关 ismap 屬性的详细信息 STF
longdesc URL 指向包含长的图像描述文档的 URL。 STF
usemap URL 定義作爲客戶端圖像映射的一幅圖像。有关 usemap 屬性的详细信息
請參閱 <map><area> 標簽,以領會其工作原理。
STF
vspace pixels 定義圖像頂部和底部的空白。 TF
width
  • pixels
  • %
設置圖像的寬度。 STF

标准屬性

id, class, title, style, lang, xml:lang
如需完整的描述,請訪問标准屬性

事件屬性

onclick, ondblclick, onmousedown, onmouseup, onmouseover, 
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
如需完整的描述,請訪問事件屬性