HTML <img> 标签


实例

怎么刺进图画:

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

测验一下 »
(更多实例见页面底部)

浏览器支撑

Internet ExplorerFirefoxOperaGoogle ChromeSafari

一切干流浏览器都支撑 <img> 标签。


标签界说及运用说明

<img> 标签界说 HTML 页面中的图画。

<img> 标签有两个必需的特点:src 和 alt。

注释:从技能上讲,图画并不会刺进 HTML 页面中,而是链接到 HTML 页面上。<img> 标签的作用是为被引证的图画创立占位符。

提示:经过在 <a> 标签中嵌套 <img> 标签,给图画添加到另一个文档的链接。


HTML 4.01 与 HTML5之间的差异

HTML5 中不支撑以下特点:align、border、hspace、longdesc、vspace。

在 HTML 4.01 中,以下特点:align、border、hspace、vspace 已抛弃


HTML 与 XHTML 之间的差异

在 HTML 中,<img> 标签没有完毕标签。

在 XHTML 中,<img> 标签有必要被正确地封闭。


特点

New :HTML5 中的新特点。

特点 描绘
align top
bottom
middle
left
right
HTML5 不支撑。HTML 4.01 已抛弃。 规则怎么依据周围的文原本摆放图画。
alt text 规则图画的代替文本。
border pixels HTML5 不支撑。HTML 4.01 已抛弃。 规则图画周围的边框。
crossoriginNew 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 规则图画的宽度。


大局特点

<img> 标签支撑 HTML 的大局特点


事情特点

<img> 标签支撑 HTML 的事情特点


Examples

测验一下 - 实例

从不同的方位刺进图片
本例演示怎么将其他文件夹或服务器的图片显现到网页中。

制造图画链接
本例演示怎么将图画作为一个链接运用。

创立图画地图
本例演示怎么创立带有可供点击区域的图画地图。其间的每个区域都是一个超级链接。


相关文章

HTML 教程:HTML 图画

HTML DOM 参考手册: Image 目标