絕對路徑相對路徑：網頁上路徑的表示方法
假設我們將網頁中的兩個檔案，分置在個人電腦如下的路徑中：
c:\homepage\index.htm
c:\homepage\image\mark.gif
圖檔格式通常為*.GIF或*.JPG。
網頁的第一頁「首頁」通常命名為index.htm。
將檔案上傳至http://home.pchome.com.tw/~user/後，該檔在伺服器下之路徑變成：
http://home.pchome.com.tw/~user/index.hrm
http://home.pchome.com.tw/~user/image/mark.gif
mark.gif也是置於自行建立的image目錄之下，以上所述為「絕對路徑」。
事實上這種寫法過於冗長
我們在PC開啟檔案時，通常先進入該檔所在目錄，再開啟所需檔案，以避免一再開啟層層目錄。
同樣的道理，試想開啟首頁時，也是先進到首頁所在目錄下，即此例中之http://home.pchome.com.tw/~user/目錄下。
所以當我們要連結此目錄下之檔案時，只要直接開啟即可。
<A HREF="index.htm">表連結index.htm</A>
<IMAGE SRC="image/mark.gif">表插入mark.gif圖檔
問題在當我們進入image目錄下要開啟index.hrm就要寫成"../index.htm"
引號及檔名大小寫要一致，以上所述為「相對路徑」。
實例運用
假設本頁「網頁製作基本設定」之路徑為http://home.pchome.com.tw/~user/html2/w2.htm
「首頁」之路徑為 http://home.pchome.com.tw/~user/index.htm
「塗鴉畫板/漸層背景」之路徑為 http://home.pchome.com.tw/~user/html4/sq/color.htm
則其相對路徑表示法為：
<a href="../index.htm">首頁</a>
<a href="../html4/sq/color.htm">塗鴉畫板/漸層背景</a>
問題：進入漸層背景網頁後，要如何使用位在http://home.pchome.com.tw/~user/image/line.gif的小樹分隔線呢？
答案：進入漸層背景網頁後，在網頁上按滑鼠右鍵，點選檢視原始檔－－－你答對了嗎？