html 热点如何设置成新窗口打开

<img src="xxx.jpg" border="0" usemap="#Map1" />

<map name="Map1">

<area shape="rect" coords="0,0,200,200" href ="xxx" target="_blank" />

</map>

area写法和a链接是一样的，只是多了区域和形状的属性，不写target默认为_self,新窗口打开加个_blank即可

<a href="链接的地址"><img src="图片的URL" width="图片的宽度" height="图片的高度" border="边框"></a>

需要在一张图片上设置多个能点击跳转的链接区域时，推荐使用网页的热点链接。

参考代码如下：

<map name="Map" id="Map">

  <area shape="rect" coords="89,41,379,136" href="#" target="baidu.com" />

  <area shape="rect" coords="89,175,394,264" href="#" />

  <area shape="rect" coords="95,293,386,355" href="#" />

</map>

网页热点使用方法：

个人推荐Dreamwever可视化 *** 作来创建网页热点。

1、打开Dreamwever，新建一个页面，插入一张图片，

2、使用左下角的热点工具。

3、点击“矩形”或其他热点工具，再在图片上拖动位置

4、选中其中一个热点，在下方的属性窗口中的链接栏填上你的链接，热点链接就创建完成了。

---