HTML中的相對路徑與絕對路徑

2021-06-27 15:01:45 字數 1950 閱讀 5124

html初學者會經常遇到這樣乙個問題,如何正確引用乙個檔案。比如,怎樣在乙個html網頁中引用另外乙個html網頁作為超連結(hyperlink)?怎樣在乙個網頁中插入一張?......(相關教程:html超連結;html)

如果你在引用檔案時(如加入超連結,或者插入等),使用了錯誤的檔案路徑,就會導致引用失效(無法瀏覽鏈結檔案,或無法顯示插入的等)。

為了避免這些錯誤,正確地引用檔案,我們需要學習一下html路徑。

html有2種路徑的寫法:相對路徑和絕對路徑。

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

在info.html加入index.html超連結的**應該這樣寫:

index.html

如何表示上級目錄

../表示原始檔所在目錄的上一級目錄,表示原始檔所在目錄的上上級目錄,以此類推。

假設info.html路徑是:c:/inetpub/wwwroot/sites/blabla/info.html

假設index.html路徑是:c:/inetpub/wwwroot/sites/index.html

在info.html加入index.html超連結的**應該這樣寫:

index.html

假設info.html路徑是:c:/inetpub/wwwroot/sites/blabla/info.html

假設index.html路徑是:c:/inetpub/wwwroot/index.html

在info.html加入index.html超連結的**應該這樣寫:

index.html

假設info.html路徑是:c:/inetpub/wwwroot/sites/blabla/info.html

假設index.html路徑是:c:/inetpub/wwwroot/sites/wowstory/index.html

在info.html加入index.html超連結的**應該這樣寫:

index.html

如何表示下級目錄

引用下級目錄的檔案,直接寫下級目錄檔案的路徑即可。

假設info.html路徑是:c:/inetpub/wwwroot/sites/blabla/info.html

假設index.html路徑是:c:/inetpub/wwwroot/sites/blabla/html/index.html

在info.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

在info.html加入index.html超連結的**應該這樣寫:

index.html

html絕對路徑(absolute path)

html絕對路徑(absolute path)指帶網域名稱的檔案的完整路徑。

假設你註冊了網域名稱www.admin5.com/html,並申請了虛擬 主 機,你的虛擬 主 機提供商會給你乙個目錄,比如www,這個www就是你**的根目錄。

假設你在www根目錄下放了乙個檔案index.html,這個檔案的絕對路徑就是:

假設你在www根目錄下建了乙個目錄叫html_tutorials,然後在該目錄下放了乙個檔案index.html,這個檔案的絕對路徑就是

HTML相對路徑與絕對路徑

html相對路徑與絕對路徑 在網頁製作的過程中,少不了跟路徑打交道,比如,包含乙個檔案,插入乙個等,與路徑都有關係,如果使用了錯誤的檔案路徑,就會導致引用失效 無法瀏覽鏈結檔案,或無法顯示插入的等 初學者可能會感到困惑,下面我就詳細的介紹一下相對路徑與絕對路徑。html有2種路徑的寫法 相對路徑和絕...

HTML相對路徑與絕對路徑

2008 1 3 10 1 10 發布 y0uyou 在網頁製作的過程中,少不了跟路徑打交道,比如,包含乙個檔案,插入乙個等,與路徑都有關係,如果使用了錯誤的檔案路徑,就會導致引用失效 無法瀏覽鏈結檔案,或無法顯示插入的等 初學者可能會感到困惑,下面我就詳細的介紹一下相對路徑與絕對路徑。html 有...

HTML絕對路徑與相對路徑

我們先來解釋一下概念 絕對路徑 就是完整的路徑,從根目錄一直往下排 www.baidu.com複製 如果text.html的絕對路徑就是 複製 相對路徑 指的的目標相對於當前資料夾的路徑,相對路徑有很多種表示方法,而且意義也不相同,比如 表示檔案所在的目錄 代表檔案所在的父級目錄 代表檔案所在的父級...