3.image（HTML）

池布旁

已于 2022-02-20 16:58:40 修改

阅读量74

点赞数

分类专栏： HTML 文章标签：前端 javascript html

于 2022-02-19 16:39:17 首次发布

本文链接：https://blog.csdn.net/m0_63692368/article/details/123019397

版权

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

Usemap 用于image和map标签产生关联
< map> 需要定义id和name属性并且值和usemap的值相同
< area> ， map的映射的区域

例：


```html
在这里插入代码片
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
	 *{
		padding:0;/*内边距*/
		margin:0;/*外边距
		一般初级建站的时候必须要写的属性*/
	  }

	   img{border:1px solid black;}

	</style>


</head>
<body>
	<img src="./image/2.jpeg" alt="小新" usemap="#plant" />
	<map id="plant" name="plant">
	<area shape="circle" coords="227,291,50" href="https://www.baidu.com/"target="_blank" />
	</map>
</body>
</html>