html <img> 标签 定义 html 页面 中的图像@H_ 301 _1@
<img> 标签 有两个必需的 属性 ：src 和 alt@H_ 301 _1@
从技术上讲，图像并不会插入 HTML 页面 中，而是 链接 到 HTML 页面 上，<img> 标签 的作用是为被引用的图像创建占位符@H_ 301 _1@
通过在 <a> 标签 中嵌套 <img> 标签 ，给图像 添加 到另 一个 文档的 链接 @H_ 301 _1@
属性
属性
值
描述
align
top
b ott om
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
设置图像的宽度
范例
如何插入图像@H_ 301 _1@
<img?src="/static/i/img1.jpg"?alt="Smiley?face"?width="120">
范例列表
链接
描述
从不同的位置插入 图片
如何将其他 文件 夹或服务器的 图片 显示 到网页中
制作图像 链接
如何将图像作为 一个 链接 使用
创建图像地图
如何创建带有可供点击区域的图像地图
其中的每个区域都是 一个 超级 链接
HTML 4.01 与 HTML5之 间的 差异
HTML5 中 不支持 以下 属性 ：align、border、hspace、longdesc、vspace@H_ 301 _1@
HTML 4.01 废除了以下 属性 ：align、border、hspace、vspace 已废弃@H_ 301 _1@
HTML 与 XHTML 之 间的 差异
HTML 中，<img> 标签 没有结束 标签 @H_ 301 _1@
XHTML 中，<img> 标签 必须被正确地 关闭 @H_ 301 _1@
全局 属性
<img> 标签 支持 ?HTML 的全局 属性 @H_ 301 _1@
事件 属性
<img> 标签 支持 ?HTML 的事件 属性 @H_ 301 _1@
HTML <input> 标签 ? ?HTML <i> 标签