HTML相對路徑和絕對路徑

2021-07-05 17:28:05 字數 1769 閱讀 5277

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

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

為了避免這些錯誤,正確地引用檔案,我們需要學習一下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.htmlhtml絕對路徑(absolute path)html絕對路徑(absolute path)指帶網域名稱的檔案的完整路徑。

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

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

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

html相對路徑和絕對路徑

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

HTML絕對路徑和相對路徑

要正確使用引用,有兩種路徑的書寫方式 相對路徑和絕對路徑。如果原始檔和引用檔案在同乙個目錄裡,直接寫引用檔名即可,這時引用檔案的方式就是使用相對路徑。我們現在建乙個原始檔info.html,在info.html裡要引用index.html檔案作為超連結。假設info.html路徑是 c inetpu...

相對路徑絕對路徑

前兩天突然發現自己一直以來對相對路徑絕對路徑的理解都是錯的,於是趕緊查了相關資料。1.絕對路徑 絕對路徑是指檔案在硬碟上真正存在的路徑。例如 bg.jpg 這個是存放在硬碟的 e book 網頁布局 第2章 目錄下,那麼 bg.jpg 這個的絕對路徑就是 e book 網頁布局 第2章 bg.jpg...