绝对路径和相对路径
通过例子来说明
现在我们的站点文件夹(site文件)在C盘下面,在站点文件夹下面有我们的网页文件和要往网页文件里面插入的图片。路径如下图所示那样。现在我们要往index.html中插入图片logo.gif,我们可以用绝对路径和相对路径两种方式来插入图片。

绝对路径:我们要插入的图片的路径是从盘符为起始的基准点,
然后依次的去找每层文件夹,直到找到我们要插的这个图片。这种方式意味着我们只能在这条路径下找到该图片,其实,当我们做完一个网站之后,这个网站的站点文件夹随着服务器端可能迁移到服务器端的其他的位置,这个时候,图片就没有办法被正确的找到并显示出来。

再看相对路径的表示方法。
相对路径:以网页文件当前所在的文件为查找的基准点,
比如说,我们这个网页文件index.html文件在site文件夹下,
那么我们就以site文件夹为基准点开始寻找这个图片文件。
下面看一下相对路径的几种不同情况:始终记得:查找的基准点是网页文件所在的文件夹。
用两个点…来表示当前文件夹的上一级文件夹。
我们通常省略起始文件夹(查找基准点)的位置,直接从查找基准点所在位置的下一层位置开始表示路径。
1.图片文件和网页文件在同一文件夹里。我们以网页文件index.html文件所在的文件夹site文件夹为查找基准点,就是以site文件夹为起始文件夹开始表示我们要插入的图片logo.gif在什么位置,这种情况下,logo.gif就在起始文件夹下,然后我们通常省略起始文件夹(查找基准点)的位置,直接从查找基准点所在位置的下一层位置开始表示路径。表示出来就是图片里写到的那样。

2.图片文件在网页文件所在文件夹的子文件夹里。查找的基准点仍然是网页文件所在的文件夹。然后向下查找有一个images文件夹,该文件夹里有我们要插入的logo.gif图片文件。同样省略起始文件夹(查找基准点)的位置。

3.图片文件在网页文件所在文件夹的上层文件夹里。我们查找的基准点仍然是网页文件所在的文件夹,这里是pages文件夹。然后我们发现图片网页文件所在文件夹的上层文件夹里,在我们要从pages文件夹开始向上翻一层,找到上层文件夹,然后我们再从该文件夹向下查找到图片文件。我们用两个点…来表示上一层文件夹。同样省略起始文件夹(查找基准点)的位置。这里查找基准点的下一层位置是网页文件所在文件夹的上一层文件夹,用…来表示该文件夹,然后依次写位置。

4.图片文件在网页文件所在文件夹的上层文件夹的子文件夹里。我们查找的基准点仍然是网页文件所在的文件夹,这里是pages文件夹。我们要从pages文件夹开始向上翻一层,找到上层文件夹,然后我们再从该文件夹向下查找到图片文件。我们用两个点…来表示上一层文件夹。同样省略起始文件夹(查找基准点)的位置。这里查找基准点的下一层位置是网页文件所在文件夹的上一层文件夹,用…来表示该文件夹,然后依次写位置。

















