html显示图片的方法:1、使用img标签,语法“70f733a431ec7972f2a1d0cb13f7df3e ”;2、给指定元素添加“background-image:url(图片文件地址);”样式。
本教程操作环境:windows7系统、css3&&html5版、dell g3电脑。
html显示图片的方法
方法1:使用img标签插入图片
在html中,可以使用img 元素向网页中嵌入一幅图像。
请注意,从技术上讲,a1f02c36ba31691bcfe87b2722de723b 标签并不会在网页中插入图像,而是从网页上链接图像。a1f02c36ba31691bcfe87b2722de723b 标签创建的是被引用图像的占位空间。
<!doctype html><html>	<head>		<meta charset="utf-8">	</head>	<body>		<img src="img/1.jpg" width="500" />	</body></html>
方法2:使用css background-image属性
只需要给指定元素添加“background-image:url(图片文件地址);”样式即可
<!doctype html><html>	<head>		<meta charset="utf-8">		<style>			div{				width: 500px;				height: 300px;				background-image: url(img/1.jpg);				background-repeat: no-repeat;				background-size: 400px;			}		</style>	</head>	<body>		<div></div>	</body></html>
效果图:
推荐教程:《html视频教程》
以上就是html如何显示图片的详细内容。
   
 
   