~ 这个符号是相对于网站根目录

相对路径表示方式 代表连结位置
<a href="text1.htm"> text1.htm在目前的目录中（就例子而言，就是在c:\www中）
<a href="docs/text1.htm"> text1.htm在名为docs的次目录中（就本例而言，就是在c:\www\docs中）
<a href="../text1.htm"> text1.htm在目前目录的上一层目录中（就本例而言，就是在c:\底下了）

 

.表示当前路径，在通道情况下可以省略，只有在特殊的情况下不能省略。

上面这些总结来此于Html.chm帮助文档，总结得比较好

------------------------------------------------------

上级目录

另外我们使用“../”来表示上一级目录，“../../”表示上上级的目录，~ 表示根目录 以此类推。
一个../代表一级
　例：
　　c:/website/web/index.htm
　　c:/website/img/photo.jpg
　　在此例中index.htm中联接的photo.jpg应该怎样表示呢？
正确写法：使用../img/photo.jpg的相对路径来定位文件

例：
　　c:/website/web/xz/index.htm
　　c:/website/img/images/photo.jpg
正确写法：可以使用../../img/images/photo.jpg的相对路径来定位文件

　　总结：通过以上的例子可以发现，在把绝对路径转化为相对路径的时候，两个文件绝对路径中相同的部分都可以忽略，不做考虑。只要考虑他们不同之处就可以了。
--------------------------------------------------------------------------------------------------------------------------------------------------------
下级目录

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

绝对路径：是从盘符开始的路径，形如
C:\windows 要调用 C:\windows\system32\cmd.exe
相对路径：是从当前路径开始的路径，
假如当前路径为C:\windows ，严格的相对路径写法应为 .\system32\cmd.exe （调用同级与上级目录是 都可以这样 .表示当前目录）
其中，.表示当前路径，在通道情况下可以省略，只有在特殊的情况下不能省略。

假如当前路径为c:\program files
要调用上述命令，则需要输入
..\windows\system32\cmd.exe
其中，..为父目录（也就是上一级目录）。
当前路径如果为c:\program files\common files
则需要输入
..\..\windows\system32\cmd.exe

总结：（1） .表示当前目录 ..表示上一目录
（2）/表示是上一级 \表示下一组成
（1）（2）组合起来使用就可以完成上级目录 当前目录 下级目录的相对路径的表示方法了

-----------------------------------------------------------------------------------------------------------------------------------------------------
另外，还有一种不包含盘符的特殊绝对路径，形如
\windows\system32\cmd.exe （个人理解 不带点路径都是的是绝对路径，但上面说.一般可以省略 所以说也有可能是相对路径 最好的加上咯 容易分辨是相对路径还是绝对路径）