内容正文:
1) 可以作为背景图像
2)可以作为超链接
3)可以建立地图索引
4)可以为网站添加图标
5)可以作为切片索引
1)代码示例
<html >
<head>
<title>图像测试</title>
</head>
<body background="images/bg.jpg">
<img src="images/1.jpg" width="300" height="200" border="3"/>
<img src="images/2.jpg" width="300" height="200"/>
<img src="images/3.jpg" width="300" height="200" border="3" style="border-color:red;"/>
<img src="images/4.jpg" width="300" height="200"/>
</body>
</html>
不加样式的效果图
加样式的效果图
<img>下的属性
属性名称 属性值 说明
src URL 图片的路径
图片的注解
属性名称 属性值 说明
alt 字符串 给图片做注解
图象大小的设置
属性名称 属性值 说明
width 像素 绝对设置,宽
百分比 相对设置,宽
height 像素 绝对设置,高
百分比 相对设置,高
图象边框的设置
属性名称 属性值 说明
border 数字 图象边框
格式:<a href="URL"><img src="URL"></a>
注意点:边框的问题.
格式:<map name="图象名称" id="图象名称">
<area shape="选取区块的形状 " coords="坐标" href="URL" alt="文字说明">
</map>
<img src="URL" USEMAP="#图象名称">
<map>声明整张图使用地图链接方式进行连接. name,id指此图的名称 . <area>表示我们所要链接其中一点的区快
shape表示我们所选择的形状 ,如:rect矩形 circle圆 poly多边形 c