HTML+CSS学习第五篇引入文件的地址路径

相对路径

.在路径中表示当前路径
..在路径中表示上一级路径
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<img src="./img/01.jpg" alt="" width="500" height="500"/>
		<img src="./timg.jpg" alt="" width="500" height="500"/>
	</body>
</html>

效果图
在这里插入图片描述

绝对路径

F:\20200130\day1\day1\img\01.jpg
http://a4.att.hudong.com/21/09/01200000026352136359091694357.jpg
小练习

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<img src="F:/20200130/day1/day1/01.jpg" />
	<img src="http://a4.att.hudong.com/21/09/01200000026352136359091694357.jpg" alt="" />
	</body>
</html>

发布了65 篇原创文章 · 获赞 7 · 访问量 1244

猜你喜欢

转载自blog.csdn.net/qq_42222342/article/details/104121069