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.blabla.cn
,並申請了虛擬主機,你的虛擬主機提供商會給你乙個目錄,比如www,這個www就是你**的根目錄。
假設你在www根目錄下放了乙個檔案index.html,這個檔案的絕對路徑就是: http://www.blabla.cn/index.html
。 假設你在www根目錄下建了乙個目錄叫html_tutorials,然後在該目錄下放了乙個檔案index.html,這個檔案的絕對路徑就是http://www.blabla.cn/html_tutorials/index.html
。
HTML相對路徑和絕對路徑
html初學者會經常遇到這樣乙個問題,如何正確引用乙個檔案。比如,怎樣在乙個html網頁中引用另外乙個html網頁作為超連結 hyperlink 怎樣在乙個網頁中插入一張?如果你在引用檔案時 如加入超連結,或者插入等 使用了錯誤的檔案路徑,就會導致引用失效 無法瀏覽鏈結檔案,或無法顯示插入的等 為了...
html相對路徑和絕對路徑
文章 html相對路徑與絕對路徑 在網頁製作的過程中,少不了跟路徑打交道,比如,包含乙個檔案,插入乙個等,與路徑都有關係,如果使用了錯誤的檔案路徑,就會導致引用失效 無法瀏覽鏈結檔案,或無法顯示插入的等 初學者可能會感到困惑,下面我就詳細的介紹一下相對路徑與絕對路徑。html有2種路徑的寫法 相對路...
HTML絕對路徑和相對路徑
要正確使用引用,有兩種路徑的書寫方式 相對路徑和絕對路徑。如果原始檔和引用檔案在同乙個目錄裡,直接寫引用檔名即可,這時引用檔案的方式就是使用相對路徑。我們現在建乙個原始檔info.html,在info.html裡要引用index.html檔案作為超連結。假設info.html路徑是 c inetpu...