WEB代码：img标签、图片热点地图、超链接a、

最新推荐文章于 2023-08-31 09:06:42 发布

hahahafree

最新推荐文章于 2023-08-31 09:06:42 发布

阅读量1.7k

点赞数 1

分类专栏： Web 文章标签： WEB

本文链接：https://blog.csdn.net/weixin_43731793/article/details/95103127

版权

Web 专栏收录该内容

80 篇文章 0 订阅

订阅专栏

1、img标签


<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<title>img</title>	
</head>
</body>
	<img src="/img/a.png" width="100px" height="100px" alt="羊" title="我是小绵羊">

</body>

</html>

2、图片热点地图

<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<title>img</title>	
</head>
</body>
	<img src="/img/a.png" usemap="#mymap">
	<map name="mymap">
		<area shape="circle" coords="75,150,25" href="http://cloudsystem.work/" target="_blank">
		
	</map>


</body>

</html>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<title>img定位跳转</title>
	<style type="text/css">
		.circle{
			width: 50px;
			height: 50px;
			position: absolute;
			background: #272822;
			top: 130px;
			left:55px;
			border-radius: 50px;
			opacity: 0.1;
			cursor: pointer;
		}
	</style>	
</head>
</body>
	<div class="img">
		<img src="/img/a.png" usemap="#mymap">
	</div>
	<a href="http://cloudsystem.work/" target="_blank">
		<div class="circle"></div>
	</a>
	
	



</body>

</html>

3、超链接a

<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<title>超链接a</title>
	
</head>
</body>
<ul>
	<li><a href="http://cloudsystem.work/">ccloud</a></li>
	<li><a href="index2.html">百度</a></li>
	<li><a href="">京东</a></li>
</ul>
</body>

</html>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<title>超链接a</title>
	
</head>
</body>
	<a href="http://cloudsystem.work/" target="_blank">
		<img src="/img/a.png" alt="羊">
	</a>
</body>

</html>

4、

hahahafree

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
WEB代码：img标签、图片热点地图、超链接a、

1、img标签<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <title>img</title> </head></body> <img src="/img/a.png" width="100px"...
复制链接

扫一扫