html <img> 标签定义 html 页面中的图像
<img> 标签有两个必需的属性：src 和 alt
从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上，<img> 标签的作用是为被引用的图像创建占位符
通过在 <a> 标签中嵌套 <img> 标签，给图像添加到另一个文档的链接
属性
|
属性
|
值
|
描述
|
|
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">
范例列表
|
链接
|
描述
|
|
从不同的位置插入图片
|
如何将其他文件夹或服务器的图片显示到网页中
|
|
制作图像链接
|
如何将图像作为一个链接使用
|
|
创建图像地图
|
如何创建带有可供点击区域的图像地图
其中的每个区域都是一个超级链接
|
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 的事件属性
| 
