vscode图像的相对路径和绝对路径（重点）

图像标签和路径（重点）

01.路径（前期铺垫知识）

• 目录文件夹和根目录

  实际工作中，我们的文件不能随便乱放，否则用起来很难快速地找到他们，因此，我们需要一个文件夹来管理他们。

  目录文件夹：就是普通文件夹，里面只不过放了我们做页面所需要的相关素材，比如html文件、图片等。

  根目录：打开目录文件夹的第一层就是根目录。

  2. VScode打开目录文件夹

文件——打开文件夹，选择目录文件夹，后期非常方便管理文件。

方法一：新建文件夹。

方法二：直接把文件夹拖到vscode界面中。

02.路径

页面中的图片会非常多，通常我们会新建一个文件夹来存放这些图像文件（images）这时再查找图像，就需要采用“路径”的方式来指定图像文件的位置。

路径可以分为：

1. 相对路径

图片相对于HTML页面的位置。

2. 绝对路径

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

怎么从网站拿图片？（不常用，了解即可，如果网站的图片删掉了，那么就拿不到图片了）

重点：相对路径。