• 周五. 9月 30th, 2022

5G编程聚合网

5G时代下一个聚合的编程学习网

热门标签

html5之img标签

admin

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


发表回复

您的电子邮箱地址不会被公开。