绝对路径和相对路径

HTML初学者会经常遇到这样一个问题,如何正确引用一个文件。

比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网页中插入一张图片?

如果你在引用文件时(如加入超链接,或者插入图片等),使用了错误的文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。 

为了避免这些错误,正确地引用文件,我们需要学习一下HTML路径。 

在我们平时使用计算机时要找到需要的文件就必须知道文件的位置,而表示文件的位置的方式就是路径

1.绝对路径:是从盘符开始的路径
例如“as.jpg”这个图片是存放在硬盘的“D:图片人物美女”目录下,那么 “as.jpg”这个图片的绝对路径就是“D:图片人物美女as.jpg”。
比如在网页中插入该图片就应该使用以下语句
<img src=“D:图片人物美女as.jpg”  /> 

2.相对路径:是从当前路径开始的路径

所谓相对路径,就是相对于自己的目标文件位置。例如前面的例子,“index.html” 文件里引用了“mm.jpg”图片,由于“mm.jpg”图片相对于“index.html”来说,是在同一个目录的,那么在index.html中引用图片就应该写成<img src='mm.jpg' />
 “./”表示当前路径,“.”通常情况下可省略,
“../”来表示上一级目录。如果有多个上一级目录,可以使用多个“../”,
原文地址:https://www.cnblogs.com/Yimi/p/5847670.html