HTML绝对路径和相对路径

在实际Web开发中，插入图片、包含CSS文件等都需要有路径，如果文件路径的添加错误，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。

有时需要处理一些html文件，像我这种不是做WEB开发的，一般使用dreamweaver就可以了，它能让我们直接操作我们需要的东西，然后自动生成代码，也就是所见即所得，使用起来非常方便。

HTML相对路径，指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。

相对链接的使用方法：
如果链接到同一目录下，则只需输入要链接文档的名称
如果链接到下一级目录，则需要先输入目录名，然后加 “ / ”，再输入文件名
如果连接到上一级目录，则需要先输入“../”，然后再输入目录名、文件名

HTML绝对路径
为文件提供的完全路径，包括适用的协议或盘符。也就是你的主页上的文件或目录在硬盘上真正的完整的路径。

最好还是使用相对路径，便于移植 

实例总结
现新建一个文件夹，路径为：D:\test
现有一个html文件:test.html，其路径为：D:\test\html
现有5个图片文件分别是aaa.jpg,bbb.jpg,ccc.jpg,ddd.jpg,eee.jpg
aaa.jpg的路径为：D:\test
bbb.jpg的路径为：D:\test
ccc.jpg的路径为：D:\test\html
ddd.jpg的路径为：D:\test\html\pic
eee.jpg的路径为：D:\test\pic

其目录如下：

html子目录

使用dreamweaver处理html

链接绝对路径文件

链接相对路径文件之同级目录文件

链接相对路径文件之同级子目录文件

链接相对路径文件之上级目录文件

链接相对路径文件之上级子目录文件

其总路径如下

ok，这样就完成啦！