HTML 图片映射,一个图片映射多个链接<map>
2017-10-25 20:27
405 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <img src="filedown.jpg" width="164" height="164" usemap="#Map" border="0" /> <map name="Map" id="Map"> <!--既有name又有id,是为了兼容不同的浏览器--> <area shape="rect" coords="0,0,80,80" href="http://www.baidu.com" /> <!--矩形区域,"左上角坐标,右下角坐标"--> <area shape="circle" coords="118,43,35" href="http://www.taobao.com" /> <!--圆形区域,"圆心坐标,半径"--> <area shape="poly" coords="89,87,15,149,153,152,128,104,122,88" href="http://www.jd.com" /> <!--多边形,"顶点坐标"--> </map> </body> </html>
相关文章推荐
- 通过html<map>标签给图片加链接
- HTML 图片映射<map>标签整理
- 图片映射(HTML <map>标签)这么拽,小伙伴们都知道吗?
- html css设置<a>图片链接
- HTML <a> download 属性,点击链接来下载图片
- <html> 引用外部链接或图片失败
- 图片映射(HTML <map>标签)这么拽,小伙伴们都知道吗?
- HTML中的链接到另外一个页面的标签<a>的用法与规则
- [html] <a> and <input> can not click in IE6 when use png fixed -- IE6下png图片和png背景透明导致该区域的链接和按钮无效
- 带有可点击区域的图像映射:HTML <map> 标签
- HTML <map> 标签-创建带有可点击区域的图像映射
- HTML5图片映射——<map>+<area>
- 面试题之:HTML <a> 标签的 target 属性中有哪些可以在新窗口中打开链接?
- HTML学习---------1.13 地址标签 <address>和链接标签<a>
- HTML笔记——链接<link>
- JS/HTML 保存图片到本地:HTML <a> download 属性
- HTML <area> 标签实现带有可点击区域的图像映射
- TextView显示HTML文本时<IMG>标签指定图片的显示处理
- html 学习-链接<a>响应(链接…
- 使用HTML.ActionLink实现一个图片链接