1.语法
<img src="url" alt="some_text" heitgt="xxx" width="xxx" >
<img>
是空标签,只包含属性,没有闭合标签- src(source)的值是url,图像的位置
- alt里的some_text是图像无法载入时,替换文本告诉失去的信息
- height和width:设置图片的高和宽
2.图像映射
- usemap:将图像定义为客户端图像映射
- map:定义一个客户端图像映射
- area:定义图像映射内部的区域(可点击的区域)
- shape:定义点击区域的形状,有矩形(rect),圆形(circle),多边形(poly)
- coords:区域的坐标
1.矩形映射(左上角(x1,y1),右上角(x2,y2))
<area shape="rect" coords="x1,y1,x2,y2" href=url>
2.圆形映射(圆心(x1,y1),半径r)
<area shape="circle" coords="x1,y1,r" href=url>
3.多边形映射(各顶点坐标(x1,y1),(x2,y2),(x3,y3))
<area shape="poly" coords="x1,y1,x2,y2,x3,y3......" href=url>
例如:
<img src="url" alt="some_text" heitgt="xxx" width="xxx" usemap="map">
<map name="map">
<area shape="rect" coords="x1,y1,x2,y2" href=url>
<area shape="circle" coords="x1,y1,r" href=url>
<area shape="poly" coords="x1,y1,x2,y2,x3,y3" href=url>
</map>