图像地图

------------------------------------------------------------------------------------------------------------------------------------------------------------
=================图像标签====================================
1.<img>标签的属性
    <alt>:当图片加载不出来的时候，显示出来的文本
    <align>:图像与浏览器边沿的对齐方式
    <border>:图像与边框的距离
    <width,height>:图像在浏览器的高度和宽度
如果没有指定宽度和高度，则显示他原来的大小

2.<img>标签的显示过程，是用于实现网页免费计数器的一种方式，网页每次访问的时候会发生变化
   显示网页访问次数？？？免费的网页计数器（改变网页的显示内容），只需要一条html语句

一个静态的html文件只是显示页面访问次数的web服务器，另外还有一个提供页面访问统计的web服务器，里面有数据库，直接通过浏览器访问

3.<hr>标签:可以设置及size,color,width,noshad等属性，
    size:设置水平线的大小（放大后是2边是圆形的）
    color:设置水平线的颜色
    width设置水平线的宽度
    noshade:设置水平线是否有阴影（有阴影：边框有的凹凸感，没有阴影：边框是光滑的，没有凹凸感）
----------------------------------------------------------------------------------------------------------------------------------------------



--------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------
==============图像地图==================================
1.图像地图：把一幅图分为多个区域，每个区域指向不同的Url地址，单击某个区域，链接到相应的有关的页面

2.怎么产生图像地图：
    （1）、首先 定义出图像上各个热点的形状，位置和坐标，及其指向的Url地址，这个过程称为图像热点映射
    图像热点映射，使用<map name=mapname></map>进行说明，name属性为该图像热点映射指定了一个名称
    （2）、图像映射的各个区域用<area>标签来说明<area>标签的格式为<area shape="形状" href="Url" coords="坐标"></area>，href可以用Nohref替换，表示单击该区域无效，<area>标签还有一个target属性,用来指明浏览器在那个窗口或帧中显示的href属性所指向的网页资源
    （3）定义好了图像热点映射后，接着就要在<img >图像标签中增加一个名为usermap的属性设置，usermap属性指定该图像被用作图地图，其设置值为所使用的图像热点映射名称，格式为:在<map>标签的name属性设置前多加一个“#”字符，例如：<img src="china.jpg" usermap="#mymap">

<img src="1.jpg" usemap="#mymap">
<map name=mymap><!--定义一个矩形区域（左上角，右下角）-->
    <area shape="rect" coords="0,0,50,50" href="xl.html">
    <area shape="rect" coords="50,0,100,50" href="love.html">
    <area shape="rect" coords="100,0,150,50" href="huoying.html">

</map>

<map name=mymap><!--定义一个多边形区域（各个定点）-->
    <area shape="poly" coords="0,0,50,50,20,30" href="xl.html">
    <area shape="poly" coords="50,0,30,50,40,50" href="love.html">
    <area shape="poly" coords="100,0,150,50,40,200" href="huoying.html">

</map>

<map name=mymap><!-定义一个圆形区域(圆心，半径)--->
    <area shape="circle" coords="0,0,50" href="xl.html">
    <area shape="circle" coords="50,0,100" href="love.html">
    <area shape="circle" coords="100,0,150" href="huoying.html">

</map>

3.shape属性的设置说明：
    rect定义一个矩形区域，coords属性设置为矩形的左上角，右下角的坐标，各个坐标之间用逗号分开
    poly定义一个多边形区域，coords属性设置为多边形的各个顶点的坐标值
    circle定义一个圆形区域，coords属性设置为圆心坐标和半径，前2个参数分别为 圆心的横，纵坐标，第3个参数为 半径
-----------------------------------------------------------------------------  --------------------------------------------------------------------------------