一. 方法:<img />
注意: <img />是空标签。
<img border="0" src="url.img" />
二. 替换文本属性alt
作用: 浏览器无法载入图像时, 显示替代的文本属性。
方法: 属性alt="text"
<img src="url.img" alt="textvalue"/>
三. 实例
(1)HTML页面背景图片 <body background="i/value.img"></body>
注意: gif 和 jpg文件均可用作HTML背景。
(2)对其方式: <p>
<img src="i.img" align="bottom" />
</p>
属性:align, 默认为bottom。
若为left,right, 则不管在文本中何位置, 都会在左边或右边。
(3)调整图像尺寸: width, height属性。
(4)创建图像映射: 图像中的每个区域都是超链接。
(1)<img />中需要有usemap="#value",注意以#开头。
(2)<map></map>中的id和name属性值应与usmap的值相同(没有#)。
(3)<map></map>中添加<area />(没有结束标签)。
<area />属性, 6个, alt, ,target, shape, coords,href,nohref(值, nohref)。
<html>
<body>
<p>请点击图像上的星球,把它们放大。</p>
<img
src="/i/eg_planets.jpg"
border="0" usemap="#planetmap"
alt="Planets" />
<map name="planetmap" id="planetmap">
<area
shape="circle"
coords="180,139,14"
href ="/example/html/venus.html"
target ="_blank"
alt="Venus" />
<area
shape="circle"
coords="129,161,10"
href ="/example/html/mercur.html"
target ="_blank"
alt="Mercury" />
<area
shape="rect"
coords="0,0,110,260"
href ="/example/html/sun.html"
target ="_blank"
alt="Sun" />
</map>
<p><b>注释:</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性(根据浏览器),所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p>
</body>
</html>