您的位置：首页 > Web前端 > HTML5

HTML5----Map标签

2015-09-11 20:02 447 查看
<!DOCTYPE html>

<html>

<head lang="en">

<meta charset="UTF-8">

<title></title>

</head>

<body>

<!--map点击图片的某一部分，进行跳转-->

<!--img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。-->

<img src="images/zhh.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">

<!-- shape="rect" 矩形-->

<!--coords="0,0,500,530" 0，0矩形的左上角坐标；500,530矩形的右下角坐标-->

<!--href，点击坐标所规定的区域，跳转到百度-->

<!--alt="map" 说明信息-->

<area shape="rect" coords="0,0,500,530" href ="http://www.baidu.com" alt="map"/>

</map>

</body>

</html>

参考：http://www.jb51.net/w3school/tags/tag_map.htm
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航