當需要從 A 網頁連結 到 B 網頁，從 A 連到 B 的中間就會有所謂的「路徑」，也就是用來描述 A 與 B 兩個網頁的關 連性的東西。而頁面上放置圖片也不像平面設計一樣只要擺上去就好，必須要注意到圖片與網 頁之間的關連性，這樣瀏覽器才能夠順著「路徑」找到應該要顯示的圖片、影片、文件等。

1.絕對路徑：

file:///c:/windows/search.html「本機C槽上的一個HTML 檔案」。
http://www.csie.nuu.edu.tw「網路上一台 WWW Server 上的一個 HTML 檔案」。
/jang/courses/n12345678「本機 WWW 根目錄下的一個目錄」。 


絕對路徑指的是這個檔案在本機端或是網路上的絕對位置。以範例來說像「D： 近期使用檔 案」這句所描述的就是「在這台電腦 D 槽裡面近期使用檔案這個資料夾」，而 http：//www. pchome.com.tw 則是描述 PChome 這個網站在網路上通用的網址，這兩種都屬於「絕對路徑」

2.相對路徑：

text.html「表同一層目錄下的 text.html 檔案」。
./text.html「表同一層目錄下的 text.html 檔案 」。
image/text.html「表示 image 子目錄下的 text1.gif 檔案 」。
../index.html「表示上一層目錄下的 index.html 檔案 」。
../html40/cover.html「表示上一層目錄下 html40 子目錄的 index.html 檔案 」。

相對路徑指的是相對於這個檔案的位置。例如我在 A 網頁裡面插入了一張圖片，圖片路徑是 「images/aaa.jpg」，這就說 aaa.jpg 這張圖片相對於 A 網頁的位置是在與 A 網頁同一層有 一個名為 images 的資料夾，而 aaa.jpg 放在這個資料夾裡面。如果圖片路徑是「../images/ bbb.jpg」，則代表這張圖片位在 A 網頁上一層的 images 資料夾裡面，以此類推。

假如使用 絕對路徑 來描述物件（例如圖片）在電腦裡的位置（例如D： 我的文件 aaa.jpg）的話，當這些網頁還在自己的電腦裡面時，在顯示上暫時還不會有問題；但是如果要上傳到網路的空間的時候，就會出現抓不到檔案的狀況。因為網路空間的電腦配置跟我們自己個人電腦的配置一定不同，因此在被傳到網路空間的網頁無法在像「D： 我的文件 aaa.jp」的位置抓到指定的圖片（因為網路空間所指定讓我們上傳網頁的位置不一定是在該空間的D槽）。

因此我們在網頁裡面會使用 相對路徑 來說明物件的位置（例如在aaa.html裡面用images/aaa.jpg來描述aaa.jpg），這樣當我們在上傳檔案的時候，只要我們不改變網頁與物件的相對位置的話，那這整個網站不管上傳到哪裡，都可以正確的顯示有在網頁裡面出現的物件。除非今天我們所使用的圖片已經傳到網路上別的地方（例如各家提供的相簿），這個時候我們才會使用絕對路徑（但是這裡的絕對路徑會長的像 http://www.flickr.com/photos/xxx.jpg）來描述物件的位置。

相對路徑與絕對路徑是做網頁裡面一個很基礎也很重要的觀念。如果對這個觀念不熟悉，那至少在做網頁的時候一定要記得：請把你要放在網頁裡面的物件（相片、音樂、影片等）以及網頁本身都放在同一個資料夾裡面。在這個資料夾中你可以再開新的資料夾替這些檔案做分類，但是這些檔案都務必要放在同一個資料夾裡面，這樣日後上傳到網路空間的時候才不會出問題。