HTML中的超鏈接標(biāo)簽使用教程

網(wǎng)站的各個HTML文檔通過超鏈接的方式相互連接在一起,形成一個連貫的網(wǎng)站。用戶可以通過點擊超鏈接跳轉(zhuǎn)到自己希望瀏覽的頁面中。因此超鏈接在任何一個網(wǎng)站中都可以看到,是串聯(lián)網(wǎng)站形成整體的核心組成部分。
錨點的布置
HTML超鏈接以<a>標(biāo)簽作為錨點進行觸發(fā),錨點需要有一個載體,而這個載體可以是一個文字、一個詞、或者一句話,也可以是圖像或者某個形狀。當(dāng)鼠標(biāo)移動到帶有錨點的載體上時,鼠標(biāo)會變成一個小手的狀態(tài),示意用戶可以進行點擊,用戶點擊這個錨點后會跳轉(zhuǎn)到這個<a>標(biāo)簽中href對應(yīng)的地址上。
跳轉(zhuǎn)屬性的用法
在HTML鏈接中,使用 href 屬性 可以創(chuàng)建指向另一個文檔的鏈接,通常用于頁面跳轉(zhuǎn)。這個很常見,就不再闡述了。
使用 name 屬性可以在文檔內(nèi)部創(chuàng)建書簽,使超鏈接可以在文檔內(nèi)部跳轉(zhuǎn)到頁面的某一部分。例如:設(shè)置<a name=”dian1″></a>將其放置到頁面的中間。然后在頁面頭部設(shè)置<a href=”#dian1″>跳轉(zhuǎn)到頁面中間</a>錨點,當(dāng)用戶在頁面頭部點擊這個錨點事,頁面會滾動跳轉(zhuǎn)到name書簽所在的位置,也就是頁面中間。
HTML 鏈接語法
HTML鏈接的代碼使用很簡單。例如:
- <a href=”url”>錨文本鏈接</a>
href屬性用于設(shè)定跳轉(zhuǎn)的目標(biāo),開始標(biāo)簽和結(jié)束標(biāo)簽之間的文字被作為超級鏈接來顯示。
HTML 鏈接的target 屬性
target屬性可以設(shè)定通過錨文本點擊跳轉(zhuǎn)后頁面的打開方式。有 4 個保留的目標(biāo)名稱用作特殊的文檔重定向操作:
_blank
瀏覽器總在一個新打開、未命名的窗口中載入目標(biāo)文檔。
_self
這個目標(biāo)的值對所有沒有指定目標(biāo)的 <a> 標(biāo)簽是默認(rèn)目標(biāo),它使得目標(biāo)文檔載入并顯示在相同的框架或者窗口中作為源文檔。這個目標(biāo)是多余且不必要的,除非和文檔標(biāo)題 <base> 標(biāo)簽中的 target 屬性一起使用。
_parent
這個目標(biāo)使得文檔載入父窗口或者包含來超鏈接引用的框架的框架集。如果這個引用是在窗口或者在頂級框架中,那么它與目標(biāo) _self 等效。
_top
這個目標(biāo)使得文檔載入包含這個超鏈接的窗口,用 _top 目標(biāo)將會清除所有被包含的框架并將文檔載入整個瀏覽器窗口。一般是用于點擊iframe框架中的錨點,目標(biāo)鏈接直接在當(dāng)前頁面打開,而不是在iframe中加載。
HTML鏈接觸發(fā)桌面軟件發(fā)送郵件
在href屬性中加入以mailto:開頭的地址,并結(jié)合目標(biāo)電子郵件的地址,可以直接調(diào)用用戶電腦中的默認(rèn)郵件管理軟件,自動填寫內(nèi)容并發(fā)送郵件。
有很多網(wǎng)站上有,直接點擊郵箱地址,會跳出發(fā)送郵件的界面。
這個郵箱超鏈接代碼如下:
- <a href="mailto:email地址">EMAIL</a>
例如:
- <a href="mailto:admin@myxzy.com">站長郵箱</a>
注意:現(xiàn)在由于直接發(fā)布地址,可能垃圾郵件會很多很多,建議不要用這個郵箱超鏈接。
這個admin@myxzy.com郵箱由于我把地址寫在這里,所以天天有垃圾郵件。
即使要要注明郵件地址不做超鏈接也不要直接用文字寫在網(wǎng)站或者網(wǎng)頁上,可以使用圖片或者其他方式表示地址
復(fù)雜的鏈接:
- <a href="Mailto:ghsau@163.com?CC=ghsau@163.com&BCC=ghsau@163.com&Subject=Hello&Body=你好">給我發(fā)郵件</a>
其語法主要由以下幾個部分組成
mailto: (發(fā)送郵件到) 后面跟隨郵箱地址,例如:my@frontopen.com
? (分隔符)用于在地址后面跟隨相應(yīng)的參數(shù)
&; (參數(shù)連接符)同時設(shè)置多個參數(shù)時,需要用&符號進行區(qū)分連接
cc= 、 bcc=(抄送),后面跟隨需要抄送人的郵箱地址,例如:my@frontopen.com
subject= (郵件主題)后面跟隨你的郵件主題
body= (郵件內(nèi)容)后面跟隨需要的郵件內(nèi)容
相關(guān)文章
HTML基礎(chǔ)知識——設(shè)置超鏈接的樣式簡單實例
下面小編就為大家?guī)硪黄狧TML基礎(chǔ)知識——設(shè)置超鏈接的樣式簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-11- 這篇文章主要介紹了XHTML中的超鏈接標(biāo)簽使用教程,包括錨鏈接和鏈接相對地址用法的介紹,需要的朋友可以參考下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不進行跳轉(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)盤旋,各個文本字體樣式設(shè)置如下,感興趣的朋友可以學(xué)習(xí)下哦。希望對大家有所幫助2013-08-09html 中文亂碼 HTML超鏈接中文亂碼問題分析及解決方法
Vm中一個超鏈接URL需要拼接中文作為Get請求的參數(shù)如果直接拼接,傳到后臺Action的參數(shù)對象中后取出會是亂碼,需要編碼后再拼接到URL上,接下來將和大家分享一下解決方法2012-12-30- 今天我們來談?wù)凥TML利用超鏈接打開鏈接文件的方法介紹2012-07-02
- CSS為一些特殊效果準(zhǔn)備了特定的工具,我們稱之為“偽類”。其中有幾項是我們經(jīng)常用到的,下面我們就詳細(xì)介紹一下經(jīng)常用于定義鏈接樣式的四個偽類2012-12-02
網(wǎng)頁制作初學(xué)者:學(xué)用HTML的超鏈接A標(biāo)記
超級鏈接a標(biāo)記代表一個鏈接點,是英文anchor(錨點)的簡寫。它的作用是把當(dāng)前位置的文本或圖片連接到其他的頁面、文本或圖像,這已是眾所周知了,但關(guān)于它的語法結(jié)構(gòu)可能2009-04-02