相对路径和绝对路径的区别

1、先讲一下相对路径：顾名思义，就是文件与文件之间的相对位置。相对位置有以下几个情境（以需要链接的图片和HTML文件之间相对位置举例）：

一，图片和文件都在同一个目录下，例如图片和HTML文件都在web目录下，在HTML页面中链接一个图片，可以直接写图片名称：<img src="mshi02.jpg

2、写完后保存网页，然后在浏览器中打开，效果图如下所示：

3、二，要链接的图片在文件夹images里面，HTML文件和images同一个文件夹中，这个时候可以这样写：<img src="images/mshi03.jpg

4、保存网页后，在浏览器中打开的效果见下图：

5、如果需要链接的图片在images里面的meishi文件夹中，这样写：<img src="images/meishi/mshi04.jpg

6、三，图片和HTML文件分别在两个不同的文件夹，这两个文件夹又在同一个目录中。例如图片在tu文件夹中，html文件在page文件夹中，而tu和page都在web文件夹目录里面，这时链接图片这样写：<img src="../web/tu/xigua.jpg

7、当“三”中的html文件在page里面中的index文件夹中，图片的位置不变的情况下，这样写：<img src="../../tu/xigua.jpg

8、另一种是绝对路径：通俗的讲，完整的描述文件位置的路径就是网站路径。例如“C:\test\mshi03.jpg”或者“https://www.baidu.com/img/bd_logo1.png”

9、下面演示使用绝对路径来链接图片例如链接百度首页的logo图片，这样写：