img元素添加图片
<img…/>元素只能是一个空元素,不包含内容。该元素可以指定id、class、style等属性,也可以指定onclick等事件属性,此外,使用该元素必须定义以下两个属性:
src:该属性指定图片文件所在的位置,属性值既可以是相对路径,也可以是绝对路径
alt:指定一段文本,作为图片的提示信息。
除此之外还可以指定如下两个可选属性:
height:指定图片高度
width:指定图片宽度
与图片相关的其他元素:
<map>:用于定义图片映射。将一张图分成不同的区域,创造多个超链接,点击不同区域跳转到不同的页面。
<area>:用于定义图片映射的内部区域,可以指定id、class、style等通用属性,也可以指定onclick等事件属性,
还可以指定onfocus、onblur等焦点相关属性:
shape:定义内部区域是那种区域,默认值是rect(矩形),还可以是circle、poly(多边形)
coords:指定多个坐标,用于确定位置,circle用3个坐标,rect用四个
herf:用于跳转到想要跳转到的界面
alt:图片的提示信息
target:指定使用框架集中的哪个框架来装载另一个资源
<body>
<h4>定义图片,使用指定的图片映射</h4>
<img src="hbu.png" width="300" height="120"
border="0" usemap="#test" alt="疯狂的Javalogo" /></br>
<map name="test" id="test">
<area shape="circle" coords="57,55,25"
href="http://www.fkjava.org" alt="leegang.org"/>
</map>
<!--p29清单敲一遍-->
<a href="#" ><img src="hbu.png" ismap /></a><br>
</body>