html裡的超連結標籤

html裡的超連結標籤a標籤功能很強大，我們來介紹一下A標籤的文法，常用屬性以及應用拓展，大家可以看一下有沒有自己還不知道的A標籤的隱藏功能。

html a文法

<a href="網址、連結地址" target="目標" title="說明">被連結內容</a>

同時錨文本_錨連結又被大家稱為超連結。

網址，網址一定加上http://+網域名稱

相對路徑，如htef="/abc/",代表本站內錨文本

target目標值如下：

_blank -- 在新視窗中開啟連結 _parent -- 在父表單中開啟連結 _self -- 在當前表單開啟連結,此為預設值 _top -- 在當前表單開啟連結，並替換當前的整個表單(架構頁)

如果target不帶值，代表在本頁父表單中開啟連結

A標籤內常用屬性：

href：開啟目標地址（網址），一般填寫將要轉到目標地址。如href="http://www.PHP.cn/"這樣瀏覽者在網頁中滑鼠點擊對應此錨文本將開啟到網頁http://www.PHP.cn/

target：開啟目標方式

如果a標籤內沒有此元素，預設是在瀏覽網頁中重新載入對應連結網頁

_blank ：建立標籤視窗頁，設定此屬性，點擊錨文本後對應建立標籤網頁視窗卡開啟對應地址

_parent：父級開啟網頁，此屬性可以理解為本頁網頁從新載入錨文本的網頁，針對html架構iframe網頁中，整個網頁將重新載入開啟目標網址地址

常用就此兩種開啟目標方式，一個是建立視窗、一個不設定target將本頁重新載入錨文本地址指向URL、一個是整個網頁父級重新載入（類似於沒有設定target）相同效果。

html a作用

使用a錨連結可以從A頁面轉到B頁面，也就是常常見到和使用的，如新聞網站，我們看到標題覺得感興趣，滑鼠點擊然後進入另外頁面瞭解詳情。這個就是html a超連結運用。

html a應用執行個體

<a href="http://www.PHP.cn/" target="_blank" title="轉到php首頁">php</a>

html a適用範圍

使用html a可以對圖片進行錨文本超連結

exp：

<a href="http://www.PHP.cn/" target="_blank" title="轉到php首頁"><img src="http://www.PHP.cn/css-images/css-logo.gif" /></a>

可以對文字內容進行錨文本超連結

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

html a應用擴充

同頁面錨文本-同頁面內上下轉到指定位置

常常看見我們頁面底部點擊 “回到頂部”連結就會轉到網頁頂部實現。

Exp：

1、首先我們在網頁body內最上面添加一個<span id="top" name="top"></span>

2、我們再到body內，需要出現點擊後轉到頂部位置添加，<a href="#top">回到頂部</a>

這樣就可實現點擊“回到頂部”即可本頁內快速探索到網頁頂部位置。

html裡的超連結標籤的使用方法就這麼多，需要的朋友可以儲存一下，也請大家持續關注本站的其他更新。

相關閱讀：

純CSS製作動畫效果按鈕

CSS怎麼設定table邊框樣式

CSS怎麼加粗文字