a href= 網(wǎng)址、鏈接地址 target= 目標(biāo) title= 說明 被鏈接內(nèi)容 /a

網(wǎng)址，網(wǎng)址一定加上http://+域名

相對(duì)路徑，如htef= /abc/ ,代表本站內(nèi)錨文本

target目標(biāo)值如下：

_blank -- 在新窗口中打開鏈接 _parent -- 在父窗體中打開鏈接 _self -- 在當(dāng)前窗體打開鏈接,此為默認(rèn)值 _top -- 在當(dāng)前窗體打開鏈接，并替換當(dāng)前的整個(gè)窗體(框架頁)

如果target不帶值，代表在本頁父窗體中打開鏈接

A標(biāo)簽內(nèi)常用屬性：

1）、href：打開目標(biāo)地址（網(wǎng)址），一般填寫將要轉(zhuǎn)到目標(biāo)地址。如href= /uploads/allimg/190514/1341444194-0.jpg / 這樣瀏覽者在網(wǎng)頁中鼠標(biāo)點(diǎn)擊對(duì)應(yīng)此錨文本將打開到網(wǎng)頁/uploads/allimg/190514/1341444194-0.jpg/

2）、target：打開目標(biāo)方式

如果a標(biāo)簽內(nèi)沒有此元素，默認(rèn)是在瀏覽網(wǎng)頁中重新載入對(duì)應(yīng)鏈接網(wǎng)頁

_blank ：新建標(biāo)簽窗口頁，設(shè)置此屬性，點(diǎn)擊錨文本后對(duì)應(yīng)新建標(biāo)簽網(wǎng)頁窗口卡打開對(duì)應(yīng)地址

_parent：父級(jí)打開網(wǎng)頁，此屬性可以理解為本頁網(wǎng)頁從新載入錨文本的網(wǎng)頁，針對(duì)html框架iframe網(wǎng)頁中，整個(gè)網(wǎng)頁將重新載入打開目標(biāo)網(wǎng)址地址

常用就此兩種打開目標(biāo)方式，一個(gè)是新建窗口、一個(gè)不設(shè)置target將本頁重新載入錨文本地址指向URL、一個(gè)是整個(gè)網(wǎng)頁父級(jí)重新載入（類似于沒有設(shè)置target）相同效果。

html a作用

使用a錨鏈接可以從A頁面轉(zhuǎn)到B頁面，也就是常常見到和使用的，如新聞網(wǎng)站，我們看到標(biāo)題覺得感興趣，鼠標(biāo)點(diǎn)擊然后進(jìn)入另外頁面了解詳情。這個(gè)就是html a超鏈接運(yùn)用。

html a應(yīng)用實(shí)例

 a href= /uploads/allimg/190514/1341444194-0.jpg/ target= _blank title= 轉(zhuǎn)到PHP主頁 php /a 

html a適用范圍

使用html a可以對(duì)圖片進(jìn)行錨文本超鏈接

exp：

 a href= /uploads/allimg/190514/1341444194-0.jpg/ target= _blank title= 轉(zhuǎn)到php主頁 img src= /uploads/allimg/190514/1341444194-0.jpg / /a 

可以對(duì)文字內(nèi)容進(jìn)行錨文本超鏈接

 a href= /uploads/allimg/190514/1341444194-0.jpg/ php /a 

html a應(yīng)用擴(kuò)展

同頁面錨文本-同頁面內(nèi)上下轉(zhuǎn)到指定位置

常常看見我們頁面底部點(diǎn)擊 “回到頂部”鏈接就會(huì)轉(zhuǎn)到網(wǎng)頁頂部實(shí)現(xiàn)。

Exp：

1、首先我們?cè)诰W(wǎng)頁body內(nèi)最上面添加一個(gè)

 span id= top name= top /span 

2、我們?cè)俚絙ody內(nèi)，需要出現(xiàn)點(diǎn)擊后轉(zhuǎn)到頂部位置添加， a href= #top 回到頂部 /a

這樣就可實(shí)現(xiàn)點(diǎn)擊“回到頂部”即可本頁內(nèi)快速瀏覽到網(wǎng)頁頂部位置。

使用語法：

1、需要轉(zhuǎn)到地方添加， a href= #命名 文字 /a ，注意href值是#開頭+英文字母命名

2、需要在被轉(zhuǎn)到位置添加， span id= 命名 name= 命名 /span ，注意id和name值相同并且與a命名相同

錨文本的使用就是這么多了，需要的朋友可以保存一下，也請(qǐng)大家持續(xù)關(guān)注本站的其他更新。

推薦閱讀：

Div和CSS 該怎樣學(xué)習(xí)

css的position怎么使用

CSS border邊框怎么使用

以上就是html的錨文本怎么寫的詳細(xì)內(nèi)容，html教程

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