1. 浏览器中插入图片：
    元素 作用介绍
    HTML5嵌入图与创建分区响应图 - 图1 表示在html文档里嵌入图像

    Img元素属性：

    属性 作用介绍
    Src 图片所处位置
    Width 设置图片宽度
    Height 设置图片长度
    Alt 定义img元素的备用内容
    1. 在超链接里嵌入图像

    常用方法：用a标签结合创建一个基于图像的超链接
    格式：HTML5嵌入图与创建分区响应图 - 图2<\a>

    1. 创建客户端分区响应图

    原理：通过点击某张图像上的不同区域让浏览器到不同的URL上。

    元素 作用介绍
    客户端分区响应图的关键元素
    可以有多个，每个各自代表图像上可以被点击的一块区域。

    Area属性元素：分为两类
    第一类：点击后导航到指定URL

    属性 作用介绍
    Href 该区域被点击时浏览器应该加载的UR
    URL：统一资源定位器
    ALt 定义图片的备用内容

    第二类：shape属性和coords属性，共同起作用
    标明用户可以点击的各个图像区域

    Shape值 coords属性的值解析
    rect 这个值代表一个矩形区域，用四个逗号分割的整数组成
    四个整数分别代表：
    图像左边缘
    图像上边缘
    图像右边缘
    图像下边缘
    circle 这个值代表一个圆形区域。用三个逗号分割的整数组

    三个整数分别代表
    图像左边缘到圆心的距
    图像右边缘到圆心的距
    圆的半径 | | poly | 这个值代表一个多边形，至少包含六个逗号分割的整数组成。每一个数字各代表多边形的一个顶点。 | | default | 代表默认区域，也就是说覆盖整张图片，不需要coords值 |

    rect和circle中coords的值可能出现的一些误区：当输入坐标值不能达到自己预想的结果后，可以自己用width去定义图片的大小，这样写坐标就不会出错了。

    如何创建分区响应图（详解代码行）

    代码行 解析
    HTML5嵌入图与创建分区响应图 - 图3usemap=”#map1”> 创建分区响应图首先必须要有img元素，并img元素中必须包含src属性和usemap属性
    创建分区响应的关键元素，一定要设置name属性，name属性值就是usemap属性值（前面加#）
    shape=”填写shape值”
    coords=”shape值的coords值”/>    		 在map里面可以有多个area元素，并且每个元素必须指定shape值，除shape值是default时还要添加coords值。
    shape=”填写shape值”
    coords=”shape值得coords值”/    		 第二块点击区域
    map元素结束

    提示：
    1. 在制作分区响应图时，不需要使用    标签元素创建超链接
    2. 图像定位方式可以使用js代码，目前还没学到，也可以使用我们学过的image型input元素来定位。