認識html 錨文A標籤

• html a目錄

• html a語法

1. 錨文本作用

2. html a應用實例

3. 錨文字實例截圖

4. html a錨文本適用範圍

5. html a應用擴充功能

#以下是pCSS5整理關於html a、html超連結基礎教程，希望對超連結CSS樣式學習之前可以理解html中a標籤的知識及掌握用法。

一、html a語法   -   TOP

#被鏈接內容

html a錨文本超連結結構圖

同時錨點文字_錨連結又被大家稱為超連結。
Href值：
網址，網址一定加上http://+網域
相對路徑，如htef="/abc/",代表本站內錨文本

target目標值如下：
_blank -- 在新視窗中開啟連結_parent -- 在父窗體中開啟連結_self -- 在目前窗體開啟連結,此為預設值_top -- 在目前窗體開啟鏈接，並替換目前的整個窗體(框架頁)

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

A標籤內常用屬性：

1）、href#：開啟目標位址（網址），一般填入會轉到目標位址。如href="http://www.php.cn/"這樣瀏覽者在網頁中滑鼠點選對應此錨文本將會開啟到網頁http://www.php.cn/

2）、 target：開啟目標方式
如果a標籤內沒有此元素，預設是在瀏覽網頁中重新載入對應連結網頁
_blank ：新標籤視窗頁，設定此屬性，點擊錨文本後對應新標籤網頁視窗卡開啟對應位址
_parent：父級開啟網頁，此屬性可以理解為本頁網頁從新載入錨文本的網頁，針對html框架iframe網頁中，整個網頁將重新載入開啟目標網址位址

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

二、html a作用   -   TOP

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

三、html a應用實例   -   TOP

php中文網

四、html a實例截圖   -   TOP

html a錨文本_HTML超連結截圖

五、html a適用範圍   -   TOP

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

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

六、html a應用擴充   -   TOP

同頁面錨文本-同頁面內上下轉到指定位置
常常看見我們頁面底部點擊「回到頂部」連結就會轉到網頁頂部實現。

Exp：
1、首先我們在網頁body內最上面加上一個
2、我們再到body內，需要出現點擊後轉到頂部位置添加，回到頂部

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

使用語法：
1、需要轉到地方添加，文字，注意href值是#開頭+英文字母命名
2、需要在被轉到位置添加，，注意id和name值相同並且與a命名相同

以上是認識html 錨文A標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章！