HTML路径

路径的介绍

场景：页面需要加载图片，需要先找到对应的图片

类似于：生活中两个人，我要去找你，需要通过一定的路径才能找到！

同理：页面需要找到图片，也是需要通过路径才能找到

路径可分为：

  • 绝对路径（不常用）
  • 相对路径（常用）

绝对路径

绝对路径：指目录下的绝对位置，可直接到达目标位置，通常从盘符开始的路径

相对路径

同级目录

同级目录：当前文件和目标文件在同一目录中

代码步骤：直接写目标文件的名字即可

方法一：

1
<img src="目标图片.png">

方法二：

1
<img src="./目标图片.png">

下级目录

下级目录：目标文件在下级目录中

代码步骤：

先写文件夹名字+/+目标文件的名字

1
<img src="images/目标图片.png">

上级目录

上级目录：目标文件在上级目录中

代码步骤：

先写../+目标文件夹名+目标文件的名字

1
<img src="../images/目标图片.png">