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

HTML <map> <area>

2016-08-12 23:27 162 查看 
<!Doctype html>
<html>
<head>
<title>我的主页</title>
</head>
<body>
<p>点击图片红色部分</p>

<img src="niuniu.png" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="index8.html" target ="_blank" alt="index8" />
</map>

</body>
</html>

效果图展示：



点击红色部分：



注：红色部分与图片是一体，只是在其上加了坐标链接。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html map area
相关文章推荐
新的分享
章节导航