HTML之④路径（相对-绝对路径）

                         QQ:3020889729                                                                                 小蔡

什么是路径

路径简单来说：就是文件的地址。

目录文件夹和根目录

目录文件夹

目录文件夹是指：我们工作时主要的文件夹。比如存放我们的html文件，图片的文件夹。

我个人理解，目录文件夹是一个相对的文件夹——即取决于我们做什么事情，而它对我们而言是我们需要找到的第一个相关文件夹。

根目录

目录文件夹进入后就是根目录，也就是目录文件夹的第一层。

目录展示效果

我们使用软件保存html文件时，保存在哪儿？

答案是，保存到根目录。一般我们的代码以及使用文件都是保存到根目录中的。

相对路径

我就不放官方意义了，直接说大多数人的理解就好。
相对路径就是指：我们要引用的东西相对于我们正在使用得文件，它所处的地址。
相对路径查找方法：
本级路径：直接用文件名
下一级路径：用‘/’符号引用——当前级文件+/+需要的文件的名字（包含类型）
上一级路径：用“…/”符号引用——…/+文件名
（可以跨与多个文件夹引用，但是需要对应增加数量的引用符号。）
以图片引用为例：
同级引用：

<!--引用同级图片文件的方法-->
<img src="1.jfif" />

下一级引用：

<!--picture位于根目录（与html同级文件夹中），以下是引用下一级图片文件的方法-->
<img src="picture/1.jfif" />

上一级引用：

<!--引用上一级图片文件的方法-->
<img src="../1.jfif" />

相对路径的常用说法：上一级、下一级、同一级

绝对路径

（注意：在使用网址进行搜索时务必注意该网址是否存在防盗，防盗的话，你就可能在一些浏览器上无法显示）
绝对路径是指，目录的完整信息。
（ps：通常电脑上的文件的绝对路径是含有盘符的使用的是‘\’）
绝对路径可以是当前电脑的文件完整目录地址，也可以是一个完整的网址。

<img src="E:\MY_HTML_Project\html_text\day1_text\img\1.jfif"  border="20" width="100" height="120" />
<!--文件绝对路径-->
<img src="http://img2.imgtn.bdimg.com/it/u=3649900081,2762730545&fm=26&gp=0.jpg"  border="20" width="100" height="120" />
<!--网址绝对路径-->

绝对路径和相对路径的引用易错点

在引用电脑文件时，相对路径与绝对路径的引用符是不相同的——前者是左斜——‘/’——后者是右斜——‘\’。