html之嵌入图片与创建分区响应图

img元素

 

<form >
    <label >
        <input type="image" src="fenqu.jpg" alt="图片没有了" width="180">
    </label>
</form>
    <img src="fenqu.jpg" alt="图片失效" width="180" usemap="#map1">

    <map name="map1">
    <area shape="rect" coords="0,2,86,86" href="http://www.baidu.com" alt="" target="_blank"><!--"0(x轴),2（y轴）,86（x轴）,86（y轴）"-->
    <area shape="rect" coords="93,1,180,86" href="http://www.taobao.com" alt="" target="_blank">
    </map>

 

<img src="circle.jpg" alt="图片失效" usemap="#map2" width="180"><!--图片的宽度和高度都是180，所以下面的coords图像左边缘右边缘离圆心的距离都是90，半径也是90-->
<map name="map2">
    <area shape="circle" coords="90,90,90" href="http://www.baidu.com" alt="">
</map>