html的錨文本怎么寫

<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è)窗體(框架頁(yè))

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

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

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

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

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

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

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

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

html a作用

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

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

<a href="http://www.php.cn/" target="_blank" title="轉(zhuǎn)到PHP主頁(yè)">php</a>

html a適用范圍

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

exp：

<a href="http://www.php.cn/" target="_blank" title="轉(zhuǎn)到php主頁(yè)"><img src="http://www.php.cn" /></a>

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

<a href="http://www.php.cn/">php</a>

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

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

常�？匆娢覀冺�(yè)面底部點(diǎn)擊 “回到頂部”鏈接就會(huì)轉(zhuǎn)到網(wǎng)頁(yè)頂部實(shí)現(xiàn)。

Exp：

1、首先我們?cè)诰W(wǎng)頁(yè)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)擊“回到頂部”即可本頁(yè)內(nèi)快速瀏覽到網(wǎng)頁(yè)頂部位置。

使用語法：

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)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！