HTML-图片标签<img>

图片标签

图片标签<img src=路径属性 alt:加载失败后显示的文本  width:指定图片宽度  height:指定图片高度>  单位: px

路径属性

绝对路径
        E:\ruanjian\软件\环境\images
相对路径:相对于主文件位置的路径
        引用文件方式:

        同级:直接写文件名.后缀名
        上级:../文件名.后缀名   ../返回上一级文件夹
        下级:文件夹/文件名.后缀名

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title> 
</head>
<body>
	<h1>这是一个图片</h1>
<!-- 图片标签<img src=路径属性 alt:加载失败后显示的文本  width:指定图片宽度  height:指定图片高度  单位:px> 
路径属性:
	绝对路径
		E:\ruanjian\软件\环境\images
	相对路径:相对于主文件位置的路径
		同级:直接写文件名.后缀名
		上级:../文件名.后缀名   ../返回上一级文件夹
		下级:文件夹/文件名.后缀名
	 -->
	 <img src="../img/ad.jpg"  alt="加载中" width="1000px" height="500px">
	 <img src="../img/1.jpg" alt="加载中"><br><br><br><br><br><br><br><br><br><br><br>
	 <img src="../footer.jpg" ><br>
</body>
</html>

<br>标签:换行   <img>标签为内联标签所以不换行,所以添加<br>标签换行。

页面是这样的:

猜你喜欢

转载自blog.csdn.net/ljq961206/article/details/81145366