1.alt
作用：alt 属性用来为图像定义一串预备的可替换的文本，在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。
代码：<img src="boat.gif" alt="Big Boat">
2.创建图像映射
1.了解HTML的图像标签
| 标签 | 描述 |
|---|---|
| <img> | 定义图像 |
| <map> | 定义图像地图 |
| <area> | 定义图像地图中的可点击区域 |
2.代码：
<body>
<p>点击太阳或其他行星，注意变化：</p>
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
<area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>
</body>
3.效果：
点击太阳或其他行星，注意变化：
点击太阳
点击其他行星
4.分析：
（1）shape="rect"表示要映射的是一个矩形
（2）coords="0,0,82,126" 表示该矩形的范围多大，前两个参数表示第一个点的坐标，第二个参数表示对角的坐标，从而确定矩形的大小（坐标是以图像为准不是全局）
（3）在map中再次使用herf表示要跳转的图像链接
（4）
矩形：(左上角顶点坐标为(x1,y1)，右下角顶点坐标为(x2,y2))
圆形：(圆心坐标为(X1,y1)，半径为r)
多边形：(各顶点坐标依次为(x1,y1)、(x2,y2)、(x3,y3) ......)
<area shape="poly" coords="x1,y1,x2,y2 ......" href=url>
扫一扫
1336
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
