HTML網(wǎng)頁(yè)超鏈接標(biāo)記
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2008-10-17 18:57:21 作者:佚名
我要評(píng)論

HTML網(wǎng)頁(yè)超鏈接標(biāo)記學(xué)習(xí)教程
鏈接標(biāo)記的屬性
鏈接是網(wǎng)頁(yè)頁(yè)面中最重要的元素之一,是一個(gè)網(wǎng)站的靈魂。一個(gè)網(wǎng)站是由多個(gè)頁(yè)面組成的,頁(yè)面之間依靠鏈接確定相互的導(dǎo)航關(guān)系。每一個(gè)網(wǎng)頁(yè)都有獨(dú)一無二的地址,在英文中被稱作url(Uniform Resource Locator:通用資源標(biāo)示符)
HTML網(wǎng)頁(yè)超鏈接標(biāo)記學(xué)習(xí)教程
鏈接標(biāo)記的屬性
鏈接是網(wǎng)頁(yè)頁(yè)面中最重要的元素之一,是一個(gè)網(wǎng)站的靈魂。一個(gè)網(wǎng)站是由多個(gè)頁(yè)面組成的,頁(yè)面之間依靠鏈接確定相互的導(dǎo)航關(guān)系。每一個(gè)網(wǎng)頁(yè)都有獨(dú)一無二的地址,在英文中被稱作url(Uniform Resource Locator:通用資源標(biāo)示符)。在地址欄輸入http://www.dbjr.com.cn然后回車,會(huì)打開腳本之家網(wǎng)站的主頁(yè)面??梢钥吹?,頁(yè)面中有多個(gè)欄目,多條新聞等,最上方不同的欄目就是文字鏈接。
鏈接標(biāo)記雖然在網(wǎng)站設(shè)計(jì)制作中占有不可替代的地位,但是其標(biāo)記只有一個(gè),那就是<a>標(biāo)記。本站介紹的鏈接應(yīng)用都是基于<a>標(biāo)記基礎(chǔ)上的。
鏈接標(biāo)記的屬性見下表
關(guān)于路徑
每一個(gè)文件都有自己的存放位置和路徑,理解一個(gè)文件到要鏈接的那個(gè)文件之間的路徑關(guān)系是創(chuàng)建鏈接的根本。url—統(tǒng)一資源定位器,指的就是每一個(gè)網(wǎng)站都具有的獨(dú)立的地址。同一個(gè)網(wǎng)站下的每一個(gè)網(wǎng)頁(yè)都屬于同一個(gè)地址之下,但是當(dāng)創(chuàng)建網(wǎng)頁(yè)時(shí),不可能也不需要為每一個(gè)鏈接都輸入完全的地址。我們只需要確定當(dāng)前文檔同站點(diǎn)根目錄之間的相對(duì)路徑關(guān)系。因此鏈接可以分為以下3種: 絕對(duì)路徑
如http://www.dbjr.com.cn 相對(duì)路徑
如news/default.htm 根路徑
如/website/news/default.htm
在了解這三種地址形式前先要理解另外兩個(gè)概念:內(nèi)部鏈接和外部鏈接
內(nèi)部和外部都是相對(duì)于站點(diǎn)文件夾而言,如果鏈接指向的是站點(diǎn)文件夾之內(nèi)的文件,就是內(nèi)部鏈接。如果鏈接指向站點(diǎn)文件夾之外的,就被稱做外部鏈接。在添加外部鏈接的時(shí)候,將用到下面所講的絕對(duì)地址;而添加內(nèi)部鏈接的時(shí)候,將用到下面所講的根目錄相對(duì)地址和文件相對(duì)地址。
下面分別介紹這3種鏈接:
-
絕對(duì)路徑
絕對(duì)路徑為文件提供完全的路徑,包括適應(yīng)的協(xié)議,如http,Ftp,rtsp等。一般常見的有:
http://www.sohu.com
ftp://202.136.254.1
當(dāng)鏈接到其它網(wǎng)站中的文件時(shí),必須使用絕對(duì)鏈接。 相對(duì)路徑
相對(duì)鏈接最適合網(wǎng)站的內(nèi)部鏈接。只要是同一網(wǎng)站之下的,即使不在同一個(gè)目錄下,相對(duì)鏈接也非常合適。文件相對(duì)地址是書寫內(nèi)部鏈接的理想形式。只要是處于站點(diǎn)文件夾之內(nèi),相對(duì)地址可以自由地在文件之間構(gòu)建鏈接。這種地址形式利用的是構(gòu)建鏈接的兩個(gè)文件之間的相對(duì)關(guān)系,不受站點(diǎn)文件夾所處服務(wù)器位置的影響。因此這種書寫形式省略了絕對(duì)地址中的相同部分。這樣做的優(yōu)點(diǎn)是:站點(diǎn)文件夾所在的服務(wù)器地址發(fā)生改變時(shí),文件夾的所有內(nèi)部鏈接(如果采用此種地址形式)都不會(huì)出問題。
相對(duì)鏈接的使用方法為: 如果鏈接到同一目錄下,則只需輸入要鏈接文檔的名稱。 要鏈接到下一級(jí)目錄中的文件,只需先輸入目錄名,然后加" / "再輸入文件名。 如鏈接到上一級(jí)目錄中的文件,則先輸入"…/ ",再輸入目錄名、文件名。 根路徑
根目錄相對(duì)地址同樣適應(yīng)于創(chuàng)建內(nèi)部鏈接,但大多數(shù)情況下,不建議使用此種地址形式。它在下列情況下使用: 當(dāng)站點(diǎn)的規(guī)模非常大,防置于幾個(gè)服務(wù)器上時(shí) 當(dāng)一個(gè)服務(wù)器上同時(shí)放置幾個(gè)站點(diǎn)時(shí)
根目錄相對(duì)地址的書寫形式也很簡(jiǎn)單,首先以一個(gè)斜杠開頭,代表根目錄,然后書寫文件夾名,最后書寫文件名。根路徑以" / "開始,然后是根目錄下的目錄名。
相關(guān)文章
HTML基礎(chǔ)知識(shí)——設(shè)置超鏈接的樣式簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄狧TML基礎(chǔ)知識(shí)——設(shè)置超鏈接的樣式簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-11- 這篇文章主要介紹了HTML中的超鏈接標(biāo)簽使用教程,包括郵件鏈接的使用方法,需要的朋友可以參考下2016-07-08
- 這篇文章主要介紹了XHTML中的超鏈接標(biāo)簽使用教程,包括錨鏈接和鏈接相對(duì)地址用法的介紹,需要的朋友可以參考下2016-03-06
- 這篇文章主要介紹了html如何用超鏈接打開新窗口其可控制窗口屬性,主要使用到j(luò)s的window.open方法,感興趣的朋友可以看看哦2014-09-06
html超鏈接a標(biāo)簽的href跳轉(zhuǎn)跟onclick之間執(zhí)行順序示例介紹
html超鏈接a標(biāo)簽的href跳轉(zhuǎn)跟onclick之間執(zhí)行關(guān)系:如果onclick返回false,則a不進(jìn)行跳轉(zhuǎn),如果onclick返回true,則a跳轉(zhuǎn),感興趣的朋友可以了解下本文2014-01-07解決html 圖片img加超鏈接后產(chǎn)生難看的藍(lán)色邊框問題
html 圖片img加了超鏈接之后產(chǎn)生難看的藍(lán)色邊框該怎么解決呢?在接下來的文章中將為大家介紹下詳細(xì)的解決方法,感興趣的朋友可以參考下2013-10-14html超鏈接樣式(四種不同狀態(tài))設(shè)置示例
html超鏈接樣式包括:正在連接、訪問過、鼠標(biāo)盤旋,各個(gè)文本字體樣式設(shè)置如下,感興趣的朋友可以學(xué)習(xí)下哦。希望對(duì)大家有所幫助2013-08-09html 中文亂碼 HTML超鏈接中文亂碼問題分析及解決方法
Vm中一個(gè)超鏈接URL需要拼接中文作為Get請(qǐng)求的參數(shù)如果直接拼接,傳到后臺(tái)Action的參數(shù)對(duì)象中后取出會(huì)是亂碼,需要編碼后再拼接到URL上,接下來將和大家分享一下解決方法2012-12-30- 咪咕視頻app已下載的視頻怎么刪除?咪咕視頻app中緩存了很了視頻,想將看完了的視頻刪除,該怎么刪除呢?下面我們就來看看咪咕視頻刪除緩存的教程,需要的朋友可以參考下2017-02-15
網(wǎng)頁(yè)制作初學(xué)者:學(xué)用HTML的超鏈接A標(biāo)記
超級(jí)鏈接a標(biāo)記代表一個(gè)鏈接點(diǎn),是英文anchor(錨點(diǎn))的簡(jiǎn)寫。它的作用是把當(dāng)前位置的文本或圖片連接到其他的頁(yè)面、文本或圖像,這已是眾所周知了,但關(guān)于它的語法結(jié)構(gòu)可能2009-04-02