绝对路径和相对路径

绝对路径

---

绝对路径是以硬盘根目录或站点根目录为参考点而建立的路径。如：<img src="file:///C|/html/images/rose.jpg">

src中的路径就是以硬盘根目录c:/为参考点，网页就会引用这个目录的文件，当html路径移动到其他位置时，网页就无法找到这个图片文件，从而显示出错。在网页中推荐使用相对路径。

相对路径

---

相对路径是指以当前文件所在位置为参考点而建立的路径，如下图

index.html在web目录下，rose.jpg在images目录下，web和images同在html目录下。

如代码为<img src="../images/dog.jpg">，这里就是一个相对路径，以当前文件（index.html）所在目录为参考点，../表示参考点的上一级目录，再进入到下一级目录images中找图片。

无论html文件移动到什么位置，.html总能找到图片文件，所以能显示正常