文件路徑
文件路徑就是文件在電腦（服務器）中的位置，表示文件路徑的方式有兩種：相對路徑和絕對路徑。
| 標識符號 | 說明 |
|---|---|
| / | 路徑標識 |
| . | 當前目錄 |
| .. | 上一層目錄 |
“.”和“..”常與“/”結合使用表示各個路徑層次：
| 路徑 | 說明 |
|---|---|
| ./ | 當前路徑，可省略 |
| / | 網站根目錄，爲絕對路徑 |
| ../ | 上一層目錄，可重複使用，如../../，表示上上層目錄 |
相對路徑(Relative Path)
相對路徑就是指由這個文件所在的路徑引起的跟其它文件(或文件夾)的路徑關係。使用相對路徑可以爲我們帶來非常多的便利，大部分情況下我們使用的是相對路徑。
相對路徑的例子：
<img src="p_w_picpaths/flower_1.jpg" alt="花朵" />
這個是在我們例子主頁index.html裏img標籤使用相對路徑標識圖像來源的例子。
在該例子中，index.html存放於E:/hmtl中，而圖像位置爲E:/html/p_w_picpaths/flower_1.jpg中。圖像相對於index.html的路徑就是p_w_picpaths/flower_1.jpg。
下面的寫法效果是一樣的：
<img src="./p_w_picpaths/flower_1.jpg" alt="花朵" />
也就是說，通常對於當前路徑，可以採用省略的寫法，瀏覽器默認爲當前路徑。
如果在index.html同目錄下有個1.html，那麼要從index.html做一個鏈接到1.html，使用相對路徑：
<a href="1.html">從index.html鏈接到當前目錄的1.html</a>
如果1.html在E:/hmtl/test目錄下，要從1.html做一個鏈接到index.html和使用圖片目錄下的圖片，使用相對路徑：
<a href="../index.html">從1.html鏈接到上一層目錄的index.html</a> <p>指定圖片：</p> <img src="../p_w_picpaths/flower_1.jpg" alt="花朵" />
絕對路徑(Absolute Path)
絕對路徑一般是指帶有網址的路徑，非本站外的資源都要使用絕對路徑。如本站引用thinkphp.cn的圖片鏈接
<a href="http://www.thinkphp.cn/" target="_blank"><img src="http://www.thinkphp.cn/logo88X31.gif" /></a>
在該例子中，對超鏈接標籤和圖像標籤裏的屬性都使用了絕對路徑。
網站根目錄
網站根目錄用“/”表示，是一種特殊的絕對路徑，它表示網站（本站）的第一層次。
使用絕對路徑的例子：
<img src="/p_w_picpaths/flower_1.jpg" alt="花朵" />
等效於：
<img src="http://www.5idev.com/p_w_picpaths/flower_1.jpg" alt="花朵" />
使用根路徑其優點是比較直觀，計算方式是從根目錄開始計算，缺點是如果內容層次發生了變化哪怕產生了同級的變動，都需要變動目錄寫法。