当前第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标签怎么用的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
input文本框如何实现添加提示文字，填写内容时消失
Html怎么实现音乐隐藏
Html中div是什么
Html caption标签怎么用
Html怎么引用css
Html怎么设置时间
手把手教你如何在Html中引入外部js文件
Html如何清除缓存
Html applet标签是什么意思？Html applet标签的用法详解
Html中url什么意思？怎么用？
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » html map标签怎么用
