Web前端基础知识04

1.绝对路径和相对路径

        1.1绝对路径：

            （1)指网址。如www.baidu.com;  www.bilibili.com;等

              (2)指从盘符出发到达当前文件的路径。如  C:\Users\Administrator\Desktop\html截图。

        1.2相对路径：

                指以当前文件为起点，通过一层一层的关系找到你的目标文件的路径。

 接下来，我将以上图为例子进行讲解：

如果你正在编辑index.html的文件，而你需要在index.html中引用到login.html这个页面，那么你将导入login.html的路径，因为他们属于同一个目录html下，所以直接引用login.html的名称系统即可找到login.html的文件（src="login.html"），就能引用成功。

而如果你正在编辑index.html的文件，你需要引用到2.jpg这张图片，那么该如何导入路径呢，在index.html中直接输入2.jpg的路径是否能成功呢？答案是不能的，因为index.html属于的文件夹中并没有2.jpg这个文件，所以是找不到该文件的。要想找到该文件，我们需要返回到html文件夹这一层，然后找到img的文件夹，然后在img的文件夹中找到2.jpg这个文件。那么如何返回到上一级呢？我们使用   ../  表示返回上一级，  /  表示该级下的子级所以要引用2.jpg这个文件，我们在index.html中编写的路径为src="../img/2.jpg"这样，即可引用成功。