相對路徑表示方法
我們使用「../」來表示上一級目錄，「../../」表示上上級的目錄，以此類推。下級目錄用「/..」表示。同級目錄不須用「/」，直接表示為「..」。
例1：
在此例中「index.htm」中聯接的「photo.jpg」應該怎樣表示呢？
正確寫法：使用「../img/photo.jpg」的相對路徑來定位檔案
例2：
在此例中「index.htm」中聯接的「photo.jpg」應該怎樣表示呢？
正確寫法：可以使用「../../img/images/photo.jpg」的相對路徑來定位檔案
例3：
在此例中「index.htm」中聯接的「photo.jpg」應該怎樣表示呢？
正確寫法：使用「photo.jpg」的相對路徑來定位檔案
一、例如在本地硬碟有如下兩檔案，它們要互做超連結
g:\site\index.htm
g:\site\web\article\01.htm
如下圖：
反過來，01.htm要想鏈結到index.htm這個檔案，在01.htm檔案裡面應該寫上這句：返回首頁。這裡的../表示向上一級。
至此，你已經了解相對路徑的概念了，就是這樣簡單明瞭。如果你還是沒有看明白，以前學過dos嗎？它的「cd 資料夾名」和「cd..」命令用過嗎？這是同理的。
注意：相對路的資料夾符號是斜槓：/
html相對路徑(relative path)
同乙個目錄的檔案引用
如果原始檔和引用檔案在同乙個目錄裡，直接寫引用檔名即可。
我們現在建乙個原始檔info.html，在info.html裡要引用index.html檔案作為超連結。
假設info.html路徑是：c:\inetpub\wwwroot\sites\blabla\info.html
假設index.html路徑是：c:\inetpub\wwwroot\sites\blabla\index.html
index.html
如何表示上級目錄
../表示原始檔所在目錄的上一級目錄，../../表示原始檔所在目錄的上上級目錄，以此類推。
假設info.html路徑是：c:\inetpub\wwwroot\sites\blabla\info.html
假設index.html路徑是：c:\inetpub\wwwroot\sites\index.html
index.html
假設info.html路徑是：c:\inetpub\wwwroot\sites\blabla\info.html
假設index.html路徑是：c:\inetpub\wwwroot\index.html
index.html
假設info.html路徑是：c:\inetpub\wwwroot\sites\blabla\info.html
假設index.html路徑是：c:\inetpub\wwwroot\sites\wowstory\index.html
index.html
如何表示下級目錄
引用下級目錄的檔案，直接寫下級目錄檔案的路徑即可。
假設info.html路徑是：c:\inetpub\wwwroot\sites\blabla\info.html
假設index.html路徑是：c:\inetpub\wwwroot\sites\blabla\html\index.html
index.html
假設info.html路徑是：c:\inetpub\wwwroot\sites\blabla\info.html
假設index.html路徑是：c:\inetpub\wwwroot\sites\blabla\html\tutorials\index.html
index.html
鏈結文字這樣的鏈結，在href後面的第乙個斜槓表示根目錄，通常我們要特別慎用這種方式。
html相對路徑表示方法
我們使用 來表示上一級目錄，表示上上級的目錄，以此類推。下級目錄用 表示。同級目錄不須用 直接表示為 例1 在此例中 index.htm 中聯接的 photo.jpg 應該怎樣表示呢？正確寫法 使用 img photo.jpg 的相對路徑來定位檔案 例2 在此例中 index.htm 中聯接的 ph...
相對路徑表示方法
size large color red 我們使用 來表示上一級目錄，表示上上級的目錄，以此類推。下級目錄用 表示。例1 index.htm 中聯接的 import.jpg 應該怎樣表示呢？正確寫法 使用 img import.jpg 的相對路徑來定位檔案 例2 在此例中 index.htm 中聯接...
HTML相對路徑簡析
三 總結 同一級路徑 下一級路徑 如跟所在html檔案為同一級時，直接寫名即可，如下圖 當html檔案跟所在的資料夾為同一級時，便處於當前html檔案的下一級，那我們便用到下一級路徑。例如下圖 img3.png位於下一級路徑.html的下一級，那就相當於這張位於html檔案的下一級。如圖，我們所在h...