在我們的日常實際工作中，經常會需要在網頁中插入圖像等外部文件，此時就需要採用「路徑」的方式來指定文件的位置。
路徑可以分為： 絕對路徑和相對路徑。
絕對路徑
絕對路徑：以Web站點根目錄為參考基礎的目錄路徑。之所以稱為絕對，意指當所有網頁引用同一個文件時，所使用的路徑都是一樣的。
絕對路徑是包括伺服器規範在內的完全路徑。絕對路徑不管源文件在什麼位置都可以非常精確的找到，除非是目標文檔的位置發生變化，否則連接不會失敗。
優點：
同源端點無關。只要網站的地址不變，無論文檔在站點中如何移動，都可以正常實現跳轉而不會發生錯誤。另外如果希望連結同站點上的其他內容，就必須使用絕對路徑。
缺點：
1. 不利於測試，要想測試連接是否有效，必須在Internet伺服器端對連結進行測試。
2. 不利於站點的移植。
相對路徑
相對路徑：以引用文件之網頁所在位置為參考基礎，而建立出的目錄路徑。因此，當保存於不同目錄的網頁引用同一個文件時，所使用的路徑將不相同，故稱之為相對路徑。
為了避免絕對路徑的缺陷，對於在同一站點之中的連結來說，使用相對路徑是一個很好的辦法。相對路徑可以表述源端點同目標端點之間的相互位置，它同源端點的位置密切相關。
若連結中源端點和目標端點位於同一個目錄下，則在連結路徑中只需要指明目標端點的文檔名即可。
圖像文件和HTML文件位於同一文件夾：只需輸入圖像文件的名稱即可；圖像文件位於HTML文件的下一級文件夾：輸入文件夾名和文件名，之間用「/」隔開；圖像文件位於HTML文件的上一級文件夾：在文件名之前加入「../」 ，如果是上兩級，則需要使用 「../ ../」，以此類推。注意：在插入圖像時，如果使用圖像的絕對路徑，圖像在遠程伺服器而不在本地硬碟上，則將無法在文檔窗口中查看該圖像。此時，必須在瀏覽器中預覽該文檔才能看到它。因此，對於圖像應該儘量使用相對路徑。