html5之img标签

时间:2024-07-06 16:06:20
 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>分区链接图片</title>
</head>
<body>
<h4>定义图片,使用指定的图片映射</h4>
<img src="data:images/logo.jpg" width=300 alt="卡通logo" height="120" border="0" usemap="#test"><br/>
<!-- 定义图片映射-->
<map name="test" id="test">
<!--为图片映射定义两个区域-->
<area shape="circle" coords="57,55,25" href="http://www.baidu.com" alt="百度">
<area shape="poly" coords="188,28,185,50,200,74,224,72,246,51" href="http://taobao.com" alt="淘宝">
</map>
<h4>制定ismap属性后可将点击坐标提交给服务器</h4>
<a href="http://www.baidu.com">
<img src="data:images/katong.jpg" width=300 height=200 ismap alt=卡通logo">
</a>
</body>
</html>

html5之img标签