HTML中的超鏈接標(biāo)簽使用教程
網(wǎng)站的各個(gè)HTML文檔通過(guò)超鏈接的方式相互連接在一起,形成一個(gè)連貫的網(wǎng)站。用戶可以通過(guò)點(diǎn)擊超鏈接跳轉(zhuǎn)到自己希望瀏覽的頁(yè)面中。因此超鏈接在任何一個(gè)網(wǎng)站中都可以看到,是串聯(lián)網(wǎng)站形成整體的核心組成部分。
錨點(diǎn)的布置
HTML超鏈接以<a>標(biāo)簽作為錨點(diǎn)進(jìn)行觸發(fā),錨點(diǎn)需要有一個(gè)載體,而這個(gè)載體可以是一個(gè)文字、一個(gè)詞、或者一句話,也可以是圖像或者某個(gè)形狀。當(dāng)鼠標(biāo)移動(dòng)到帶有錨點(diǎn)的載體上時(shí),鼠標(biāo)會(huì)變成一個(gè)小手的狀態(tài),示意用戶可以進(jìn)行點(diǎn)擊,用戶點(diǎn)擊這個(gè)錨點(diǎn)后會(huì)跳轉(zhuǎn)到這個(gè)<a>標(biāo)簽中href對(duì)應(yīng)的地址上。
跳轉(zhuǎn)屬性的用法
在HTML鏈接中,使用 href 屬性 可以創(chuàng)建指向另一個(gè)文檔的鏈接,通常用于頁(yè)面跳轉(zhuǎn)。這個(gè)很常見(jiàn),就不再闡述了。
使用 name 屬性可以在文檔內(nèi)部創(chuàng)建書(shū)簽,使超鏈接可以在文檔內(nèi)部跳轉(zhuǎn)到頁(yè)面的某一部分。例如:設(shè)置<a name=”dian1″></a>將其放置到頁(yè)面的中間。然后在頁(yè)面頭部設(shè)置<a href=”#dian1″>跳轉(zhuǎn)到頁(yè)面中間</a>錨點(diǎn),當(dāng)用戶在頁(yè)面頭部點(diǎn)擊這個(gè)錨點(diǎn)事,頁(yè)面會(huì)滾動(dòng)跳轉(zhuǎn)到name書(shū)簽所在的位置,也就是頁(yè)面中間。
HTML 鏈接語(yǔ)法
HTML鏈接的代碼使用很簡(jiǎn)單。例如:
- <a href=”url”>錨文本鏈接</a>
href屬性用于設(shè)定跳轉(zhuǎn)的目標(biāo),開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽之間的文字被作為超級(jí)鏈接來(lái)顯示。
HTML 鏈接的target 屬性
target屬性可以設(shè)定通過(guò)錨文本點(diǎn)擊跳轉(zhuǎn)后頁(yè)面的打開(kāi)方式。有 4 個(gè)保留的目標(biāo)名稱用作特殊的文檔重定向操作:
_blank
瀏覽器總在一個(gè)新打開(kāi)、未命名的窗口中載入目標(biāo)文檔。
_self
這個(gè)目標(biāo)的值對(duì)所有沒(méi)有指定目標(biāo)的 <a> 標(biāo)簽是默認(rèn)目標(biāo),它使得目標(biāo)文檔載入并顯示在相同的框架或者窗口中作為源文檔。這個(gè)目標(biāo)是多余且不必要的,除非和文檔標(biāo)題 <base> 標(biāo)簽中的 target 屬性一起使用。
_parent
這個(gè)目標(biāo)使得文檔載入父窗口或者包含來(lái)超鏈接引用的框架的框架集。如果這個(gè)引用是在窗口或者在頂級(jí)框架中,那么它與目標(biāo) _self 等效。
_top
這個(gè)目標(biāo)使得文檔載入包含這個(gè)超鏈接的窗口,用 _top 目標(biāo)將會(huì)清除所有被包含的框架并將文檔載入整個(gè)瀏覽器窗口。一般是用于點(diǎn)擊iframe框架中的錨點(diǎn),目標(biāo)鏈接直接在當(dāng)前頁(yè)面打開(kāi),而不是在iframe中加載。
HTML鏈接觸發(fā)桌面軟件發(fā)送郵件
在href屬性中加入以mailto:開(kāi)頭的地址,并結(jié)合目標(biāo)電子郵件的地址,可以直接調(diào)用用戶電腦中的默認(rèn)郵件管理軟件,自動(dòng)填寫(xiě)內(nèi)容并發(fā)送郵件。
有很多網(wǎng)站上有,直接點(diǎn)擊郵箱地址,會(huì)跳出發(fā)送郵件的界面。
這個(gè)郵箱超鏈接代碼如下:
- <a href="mailto:email地址">EMAIL</a>
例如:
- <a href="mailto:admin@myxzy.com">站長(zhǎng)郵箱</a>
注意:現(xiàn)在由于直接發(fā)布地址,可能垃圾郵件會(huì)很多很多,建議不要用這個(gè)郵箱超鏈接。
這個(gè)admin@myxzy.com郵箱由于我把地址寫(xiě)在這里,所以天天有垃圾郵件。
即使要要注明郵件地址不做超鏈接也不要直接用文字寫(xiě)在網(wǎng)站或者網(wǎng)頁(yè)上,可以使用圖片或者其他方式表示地址
復(fù)雜的鏈接:
- <a href="Mailto:ghsau@163.com?CC=ghsau@163.com&BCC=ghsau@163.com&Subject=Hello&Body=你好">給我發(fā)郵件</a>
其語(yǔ)法主要由以下幾個(gè)部分組成
mailto: (發(fā)送郵件到) 后面跟隨郵箱地址,例如:my@frontopen.com
? (分隔符)用于在地址后面跟隨相應(yīng)的參數(shù)
&; (參數(shù)連接符)同時(shí)設(shè)置多個(gè)參數(shù)時(shí),需要用&符號(hào)進(jìn)行區(qū)分連接
cc= 、 bcc=(抄送),后面跟隨需要抄送人的郵箱地址,例如:my@frontopen.com
subject= (郵件主題)后面跟隨你的郵件主題
body= (郵件內(nèi)容)后面跟隨需要的郵件內(nèi)容
上一篇:HTML基礎(chǔ)知識(shí)——設(shè)置超鏈接的樣式簡(jiǎn)單實(shí)例
欄 目:CSS/HTML
本文標(biāo)題:HTML中的超鏈接標(biāo)簽使用教程
本文地址:http://mengdiqiu.com.cn/a1/CSS_HTML/9608.html
您可能感興趣的文章
- 04-02好看的字體樣式css,好看的字體樣式圖片
- 04-02html中加入css樣式的簡(jiǎn)單介紹
- 04-02vue中的css樣式布局,vue添加css樣式
- 01-10通過(guò)html為FLASH加鏈接的實(shí)現(xiàn)代碼(div層)
- 01-10IE瀏覽器HTML Hack標(biāo)簽總結(jié)
- 01-10html用style添加屬性示例
- 01-10HTML中rel屬性分析
- 01-10HTML元素設(shè)置焦點(diǎn)的方法
- 01-10在html文件里include文件內(nèi)容的方法小結(jié)
- 01-10常用HTML meta 標(biāo)簽屬性(網(wǎng)站兼容與優(yōu)化需要)


閱讀排行
- 1C語(yǔ)言 while語(yǔ)句的用法詳解
- 2java 實(shí)現(xiàn)簡(jiǎn)單圣誕樹(shù)的示例代碼(圣誕
- 3利用C語(yǔ)言實(shí)現(xiàn)“百馬百擔(dān)”問(wèn)題方法
- 4C語(yǔ)言中計(jì)算正弦的相關(guān)函數(shù)總結(jié)
- 5c語(yǔ)言計(jì)算三角形面積代碼
- 6什么是 WSH(腳本宿主)的詳細(xì)解釋
- 7C++ 中隨機(jī)函數(shù)random函數(shù)的使用方法
- 8正則表達(dá)式匹配各種特殊字符
- 9C語(yǔ)言十進(jìn)制轉(zhuǎn)二進(jìn)制代碼實(shí)例
- 10C語(yǔ)言查找數(shù)組里數(shù)字重復(fù)次數(shù)的方法
本欄相關(guān)
- 04-02表格樣式css樣式,css樣式表單
- 04-02好看的字體樣式css,好看的字體樣式圖
- 04-02分頁(yè)樣式css,分頁(yè)樣式j(luò)q
- 04-02分頁(yè)樣式css,分頁(yè)樣式欄里用來(lái)定義首
- 04-02css樣式的引入,css樣式怎么引入
- 04-02css滾動(dòng)條樣式,css滾動(dòng)條的樣式
- 04-02css樣式引入方式有幾種,網(wǎng)頁(yè)引入css樣
- 04-02html中加入css樣式的簡(jiǎn)單介紹
- 04-02vue中的css樣式布局,vue添加css樣式
- 04-02內(nèi)嵌樣式css,內(nèi)嵌樣式表,內(nèi)部樣式表
隨機(jī)閱讀
- 08-05dedecms織夢(mèng)模板全站調(diào)用收藏?cái)?shù)的方法
- 01-10bat批處理徹底隱藏文件的方法(使用
- 01-10vue實(shí)現(xiàn)分頁(yè)加載效果
- 08-05dedecms織夢(mèng)模板編輯文檔的同時(shí)自動(dòng)更
- 01-10C++ 類訪問(wèn)控制的條件總結(jié)
- 01-10C語(yǔ)言打印楊輝三角示例匯總
- 01-11常用的HTML富文本編譯器UEditor、CKEdi
- 08-05織夢(mèng)dedecms首頁(yè)調(diào)用縮略圖為背景
- 08-05DEDECMS點(diǎn)擊主欄目默認(rèn)顯示第一個(gè)子欄
- 01-10C++實(shí)現(xiàn)將數(shù)組中的值反轉(zhuǎn)