图片标签

最新推荐文章于 2023-01-26 06:12:06 发布

hoho_12

最新推荐文章于 2023-01-26 06:12:06 发布

阅读量311

点赞数

分类专栏： HTML5 文章标签： html

本文链接：https://blog.csdn.net/hoho_12/article/details/52097243

版权

HTML5 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body bgcolor="azure">
		<!--        	
        	描述：图片标签
        	图片标签就是用来在页面上显示一张图片 	
        	
        	<img>
        		width : 宽度   单位: px 像素
        		height : 高度
        		src : 图片路径
        		alt : 图片加载不成功，则显示alt的文字
        		usemap: 使用热点图:
        		希望点击图片的某一个区域，就打开一个页面，就使用map;
        		
        		使用：<img usermap="#热点图"/>
        		      <map name="热点图"></map>        		
        -->

		<img src="img/img.JPG" width="250" height="200" alt="macbook15" usemap="#hotMap" />

		<map name="hotMap">
			<!--
				shape="reac/circle"  默认是矩形
				如果是矩形：
            	coords=“左，上，右，下”
            	如果是圆形：
            	coords="圆心x,圆心y,radius"
            	
            	href="跳转地址"
            	target="打开资源的目标位置"
            	
            	
            -->
        	<area coords="0,0,200,100" href="index.html" target="_blank" />
        	<area shape="circle" coords="100,100,80" href="媒体标签.html" target="_blank"/>
        </map>

		<a href="常用标签.html"> <img src="img/img.JPG" width="200" height="180" /></a>
		<br />
	</body>

</html>