HTML <img> 标签

html <img> 标签定义 html 页面中的图像

<img> 标签有两个必需的属性：src 和 alt

从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上，<img> 标签的作用是为被引用的图像创建占位符

通过在 <a> 标签中嵌套 <img> 标签，给图像添加到另一个文档的链接

属性

@H_404_19@ @H_404_19@ @H_404_19@ @H_404_19@ @H_404_19@ @H_404_19@ @H_404_19@ @H_404_19@ @H_404_19@ @H_404_19@ @H_404_19@ @H_404_19@ @H_404_19@

属性	值	描述
align	top bottom middle left right	HTML5 不支持，HTML 4.01 已废弃 设置如何根据周围的文本来排列图像
alt	text	设置图像的替代文本
border	pixels	HTML5 不支持，HTML 4.01 已废弃 设置图像周围的边框
crossorigin	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 src="/static/i/img1.jpg" alt="Smiley face" width="120">

范例列表

@H_404_19@ @H_404_19@ @H_404_19@ @H_404_19@

链接	描述
从不同的位置插入图片	如何将其他文件夹或服务器的图片显示到网页中
制作图像链接	如何将图像作为一个链接使用
创建图像地图	如何创建带有可供点击区域的图像地图 其中的每个区域都是一个超级链接

HTML 4.01 与 HTML5之间的差异

HTML5 中不支持以下属性：align、border、hspace、longdesc、vspace

HTML 4.01 废除了以下属性：align、border、hspace、vspace 已废弃

HTML 与 XHTML 之间的差异

HTML 中，<img> 标签没有结束标签

XHTML 中，<img> 标签必须被正确地关闭

全局属性

<img> 标签支持 HTML 的全局属性

事件属性

<img> 标签支持 HTML 的事件属性