图片标签

图片标签

<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>图片标签</title>
	</head>
	<body>
		
		<!--
			使用img标签来想网页中引入一个外部图片,
				img标签也是一个自结束标签。
			属性:
				src:设置一个外部图片的路径
				alt:可以用来设置在图片不能显示时,对图片的描述
						搜索引擎可以通过alt属性来识别不同的图片
						如果不写alt属性,则搜索引擎不会对img中的图片进行收录。
				width:可以用来修改图片的宽度,一般使用px作为单位
				height:可以用来修改图片的高度,一般使用px作为单位
				
				宽度和高度两个属性如果只设置一个,另外一个也会同时等比例调整大小。
					乳沟两个值同时指定了,则按照你指定的值来设置
				一般开发中除了自适应的页面,不建议设置width和height
				
		-->
		<img src="a.jpg" alt="这是一个活雷锋" width="500px" height="300px" /><br/>
		<img src="s.jpg" alt="这是一个活雷锋" width="100px" height="500px" />
		<h1>这是啊字的第一个网页</h1>
	</body>
</html>
posted @ 2019-09-17 23:14  chanyuli  阅读(198)  评论(0编辑  收藏  举报