HTML基础之<map>标签
2017-04-07 15:35
786 查看
带有可点击区域的图像映射:
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>
注释:area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
注释:<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 <map> 添加 id 和 name 属性。
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>
注释:area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
注释:<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 <map> 添加 id 和 name 属性。
相关文章推荐
- HTML <map> 标签
- 前端基础(3):html语法(2): <form> 标签
- HTML标签<img><map><area>
- HTML基础 - <base>标签的使用
- HTML <area><map>标签及在实际开发中的应用
- html基础-框架、同(异)页面跳转、&lt;a&gt;标签
- HTML <map> 标签
- 前端基础(6):html语法(5): <META> <H1-H6><UL><ol><LI><code>标签
- html基础 题目标签 <h1> <h2> <h3> <h4> <h5> <h6>标签 样式
- 图片映射(HTML <map>标签)这么拽,小伙伴们都知道吗?
- html基础 预排版标签<pre> 不动如山的输出
- html 基础之 <link>标签
- HTML标签天天练8--<img><map><area>图像超链接
- html 标签详解(基础<!DOCTYPE> )
- html 标签详解(基础<html> <title>)
- (22)HTML标签详解之<img><map><area>
- html基础 <p>与<br>标签 换行的差别
- 备战黑马程序员-html(<map>、<img>、列表标签)
- HTML 图片映射<map>标签整理
- HTML <map>标签的使用