【HTML学习笔记五】图像

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>