在我目前看来,路径分为两种:相对路径、绝对路径
相对路径:从当前文件找目标文件
同一级:直接写文件的名称
<img src="img.jpg">
下一级:一般指的是兄弟文件夹里的文件
<img src="images/img1.jpg">
<!-- images/picture/img2.jpg 其中的"/" 叫做目录分隔符-->
上一级:../ 代表的是当前文件的上一层
我们将如下表格作为目录表格示意图
总目录 我有俩页面(文件夹) 我只有一个页面(文件夹) outer.jpg First.html Second.html just_one.html 以我们当前页面为 just_one.html,在当前页面插入outer.jpg
<img src="../outer.jpg">
另外 ./ 代表的是当前目录
/ 我只有一个页面(文件夹)/ just_one.html /
如果路径最前面加 / 代表的是根目录,也就是上面的 / ,后面两个 / 目录分隔符
绝对路径:
1.磁盘绝对路径
<img src="C:/总目录/outer.jpg">
2.网络绝对路径
<a href="https://www.baidu.com"></a>