国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

HTML 相對路徑和絕對路徑區(qū)別分析

2020-03-24 16:51:40
字體:
供稿:網(wǎng)友
HTML初學者會經(jīng)常遇到這樣一個問題,如何正確引用一個文件。比如,怎樣在一個HTML網(wǎng)頁中引用另外一個HTML網(wǎng)頁作為超鏈接(hyperlink)?怎樣在一個網(wǎng)頁中插入一張圖片

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

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

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

HTML相對路徑(Relative Path)
同一個目錄的文件引用
如果源文件和引用文件在同一個目錄里,直接寫引用文件名即可。

我們現(xiàn)在建一個源文件info.html,在info.html里要引用index.html文件作為超鏈接。

假設(shè)info.html路徑是:c:/Inetpub/wwwroot/sites/blabla/info.html
假設(shè)index.html路徑是:c:/Inetpub/wwwroot/sites/blabla/index.html
在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫:

a href = index.html index.html /a


如何表示上級目錄
../表示源文件所在目錄的上一級目錄,../../表示源文件所在目錄的上上級目錄,以此類推。

假設(shè)info.html路徑是:c:/Inetpub/wwwroot/sites/blabla/info.html
假設(shè)index.html路徑是:c:/Inetpub/wwwroot/sites/index.html
在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫:


a href = ../index.html index.html /a

假設(shè)info.html路徑是:c:/Inetpub/wwwroot/sites/blabla/info.html
假設(shè)index.html路徑是:c:/Inetpub/wwwroot/index.html
在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫:


a href = ../../index.html index.html /a

假設(shè)info.html路徑是:c:/Inetpub/wwwroot/sites/blabla/info.html
假設(shè)index.html路徑是:c:/Inetpub/wwwroot/sites/wowstory/index.html
在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫:


a href = ../wowstory/index.html index.html /a

如何表示下級目錄
引用下級目錄的文件,直接寫下級目錄文件的路徑即可。

假設(shè)info.html路徑是:c:/Inetpub/wwwroot/sites/blabla/info.html
假設(shè)index.html路徑是:c:/Inetpub/wwwroot/sites/blabla/html/index.html
在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫:


a href = html/index.html index.html /a

假設(shè)info.html路徑是:c:/Inetpub/wwwroot/sites/blabla/info.html
假設(shè)index.html路徑是:c:/Inetpub/wwwroot/sites/blabla/html/tutorials/index.html
在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫:


a href = html/tutorials/index.html index.html /a
HTML絕對路徑(Absolute Path)
HTML絕對路徑(absolute path)指帶域名的文件的完整路徑。

假設(shè)你注冊了域名www.phpstudy.net,并申請了虛擬主機,你的虛擬主機提供商會給你一個目錄,比如www,這個www就是你網(wǎng)站的根目錄。

假設(shè)你在www根目錄下放了一個文件index.html,這個文件的絕對路徑就是: http://www.phpstudy.net/index.html。

假設(shè)你在www根目錄下建了一個目錄叫html_tutorials,然后在該目錄下放了一個文件index.html,這個文件的絕對路徑就是http://www.phpstudy.net/html_tutorials/index.html。
html教程

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 泾源县| 南汇区| 丽江市| 新乡县| 长武县| 龙海市| 攀枝花市| 江川县| 花莲市| 县级市| 康保县| 如皋市| 合山市| 木里| 南通市| 宁都县| 新巴尔虎右旗| 台前县| 和平区| 承德市| 铜梁县| 锡林浩特市| 南木林县| 神木县| 迭部县| 枝江市| 高尔夫| 宝应县| 莲花县| 罗江县| 遵义县| 广水市| 霍邱县| 扎鲁特旗| 闽清县| 沭阳县| 镇坪县| 航空| 巴彦县| 崇义县| 吉首市|