当前第2页 返回上一页
html map标签 示例
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | <!DOCTYPE html>
<html>
<body>
<img
src="http://ypimg.muzhuangnet.com/Collect/csharp/upload/article/000/005/656/5af270fd37755429.jpg"
border="0" usemap="#planetmap"
alt="Planets" />
<map name="planetmap" id="planetmap">
<area
shape="circle"
coords="180,139,14"
href ="http://www.php.cn/example/html/venus.html"
target ="_blank"
alt="Venus" />
<area
shape="circle"
coords="129,161,10"
href ="http://www.php.cn/example/html/venus.html"
target ="_blank"
alt="Mercury" />
<area
shape="rect"
coords="0,0,110,260"
href ="http://www.php.cn/example/html/venus.html"
target ="_blank"
alt="Sun" />
</map>
<p><b>注释：</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p>
</body>
</html>
|
输出：
以上就是html map标签怎么用的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
可替换元素是什么？（附示例）
Html+css+js实现星空旋转和文字淡入效果（附代码）
Html怎么实现内容超出自动隐藏
Html中mate是单标签吗
Html5 简介
Html中<input>标签的class属性的值及其使用方法总结
Html制作图文混排效果
Html中的label标签怎么设置高度？label标签的使用方法介绍
Html显示乱码怎么办
Html是个软件吗
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » html map标签怎么用
