表示文件路径的方式有两种，相对路径和绝对路径。在网页设计中通过路径可以表示链接，插入图像、 Flash 、 CSS 文件的位置。
相对路径：以当前文件所在位置为参考点，而建立出的目录路径。
绝对路径：以 Web 站点根目录为参考点的目录路径。不管怎么引用，都只有一个 url ，如 http://ituibar.com 。
先来看 相对路径：
表示同级目录文件的引用
2.html 和 3.html 在同一个文件夹下， 如果 2.html 链接到 3.html ，可以在 2.html 中这样写 :
<a href="3.html"> 同目录下文件间的引用 /a>
表示上级目录的引用
1.html 是 2.html 和 3.html 的上级目录中的文件，如果 2.html 或 3.html 链接到 1.html ，可以在 2.html 或 3.html 中这样写
<a href="../1.html"> 链接到上级目录中的文件 </a>
../  代表一级上级目录 ( 间隔一个目录 ) ../../ 代表二级上级目录 ( 间隔两个目录 ) ，比如 4.html 链接到 1.html ，可以在 4.html 中这样写
<a href="../../1.html"> 链接到上级目录的上级目录中的文件 </a
表示下级目录的文件
2.html 和 3.html 是 1.html 的下级目录中的文件，如果在 1.html 中链接到 2.html ， 可以在 1.html 中这样写
<a href="first/2.html"> 链接到下级目录 (first) 中的文件 </a>
如果在 1.html 中链接到 4.html ，可以在 1.html 中这样写
<a href="first/second/4.html"> 链接到下级目录 (first/second/) 中的文件 </a>
绝对路径就很简单，只要引用 url 就可以了，就不再多说。
下载体验（来自51CTO）：
安卓：http://down.51cto.com/data/656648
WIN：http://down.51cto.com/data/656675
Linux：http://down.51cto.com/data/656664
IOS：http://down.51cto.com/data/656655