- 路径指的是查找文件时,从起点到终点经历的路线。
- 路径分类:
- 相对路径:从当前文件位置出发查找文件位置 使用场景:图片在自己的电脑里
- 绝对路径:从盘符出发查找目标文件 应用场景:友情链接
Windows电脑从盘符出发
Mac电脑从根目录(/)出发
3.在路径写法中,一下符号表示的含义:
. 当前文件所在文件夹
/ 表示进入某个文件夹里面
.. 当前文件上一级文件夹
4.代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网页标题</title>
</head>
<body>
<!-- 相对路径 使用场景:图片在自己的电脑里-->
<!-- 1.jpg -->
<img src="./1.jpg" alt="" width="200">
<!-- 2.jpg -->
<img src="./imgs/2.jpg" alt="" width="200">
<!--3.jpg 图片在上级文件夹 -->
<img src="../imgs/3.jpg" alt="" width="200">
<!-- 绝对路径 应用场景:友情链接 -->
<!-- 文件在自己的电脑里 -->
<img src="C:\毕设图片\一般.png" alt="">
<!-- 文件不在自己的电脑里 复制图片在线网址的方式找图片的位置-->
<img src="https://i.hexuexiao.cn/up/f8/98/9d/6d56fbebd24177355962e92cc59d98f8.jpg.source.jpg" alt="" width="200">
</body>
</html>
5.实现效果: