一.相对路径

以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对.

二.绝对路径

以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的.

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

其实绝对路径与相对路径的不同处，只在于描述目录路径时，所采用的参考点不同.

四.路径总结

./          --代表目前所在的目录。
../         --代表上一层目录。

../../ 　  --代表上一层目录。

/           --代表根目录。

五.相对路径举个栗子

eg1：相对路径的简单应用

假设：info.html路径是：c:/Inetpub/wwwroot/sites/blabla/info.html

　　　index.html路径是：c:/Inetpub/wwwroot/sites/blabla/index.html

写法：<a href = "http://www.mamicode.com/index.html">这是超连接</a>

eg2：如何表示上级目录

../表示源文件所在目录的上一级目录

假设：info.html路径是：c:/Inetpub/wwwroot/sites/blabla/info.html

　　　index.html路径是：c:/Inetpub/wwwroot/sites/index.html

写法：<a href = "http://www.mamicode.com/index.html">这是超连接</a>

eg3：如何表示上上级目录

../../表示源文件所在目录的上一级目录

假设：info.html路径是：c:/Inetpub/wwwroot/sites/blabla/info.html

　　　index.html路径是：c:/Inetpub/wwwroot/index.html

写法：<a href = "http://www.mamicode.com/index.html">index.html</a>

eg4：如何表示跨级目录

假设：info.html路径是：c:/Inetpub/wwwroot/sites/blabla/info.html

　　　index.html路径是：c:/Inetpub/wwwroot/sites/wowstory/index.html

写法：<a href = "http://www.mamicode.com/wowstory/index.html">index.html</a>

eg5：如何表示下级目录

引用下级目录的文件，直接写下级目录文件的路径即可。

假设：info.html路径是：c:/Inetpub/wwwroot/sites/blabla/info.html

　　　index.html路径是：c:/Inetpub/wwwroot/sites/blabla/html/index.html

写法：<a href = "http://www.mamicode.com/html/index.html">这是超连接</a>

6.绝对路径举个栗子

http://www.adminwang.com/index.htm

d:/ www /html/images/bg.jpg

文件路径