html a目錄

1. html a語法
2. 錨文本作用
3. html a應用實例
4. 錨文本實例截圖
5. html a錨文本適用范圍
6. html a應用擴展

以下是DIVCSS5整理關于html a、html超鏈接基礎教程，希望對超鏈接CSS樣式學習之前可以理解html中a標簽的知識及掌握用法。

一、html a語法 - TOP

<a href="網址、鏈接地址" target="目標" title="說明"被鏈接內容</a

html a錨文本超鏈接結構圖

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

target目標值如下：
_blank -- 在新窗口中打開鏈接 _parent -- 在父窗體中打開鏈接 _self -- 在當前窗體打開鏈接,此為默認值 _top -- 在當前窗體打開鏈接，并替換當前的整個窗體(框架頁)

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

A標簽內常用屬性：

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

2）、target：打開目標方式
如果a標簽內沒有此元素，默認是在瀏覽網頁中重新載入對應鏈接網頁
_blank ：新建標簽窗口頁，設置此屬性，點擊錨文本后對應新建標簽網頁窗口卡打開對應地址
_parent：父級打開網頁，此屬性可以理解為本頁網頁從新載入錨文本的網頁，針對html框架iframe網頁中，整個網頁將重新載入打開目標網址地址

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

二、html a作用 - TOP

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

三、html a應用實例 - TOP

<a href="http://www.divcss5.com/" target="_blank" title="轉到DIVCSS5主頁"DIVCSS5</a

四、html a實例截圖 - TOP

html a錨文本_HTML超鏈接截圖

五、html a適用范圍 - TOP

使用html a可以對圖片進行錨文本超鏈接
exp：
<a href="http://www.divcss5.com/" target="_blank" title="轉到DIVCSS5主頁"<img src="http://www.divcss5.com/css-images/css-logo.gif" /</a

可以對文字內容進行錨文本超鏈接
<a href="http://www.divcss5.com/"DIVCSS5</a

html超鏈接截圖

六、html a應用擴展 - TOP

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

Exp：
1、首先我們在網頁body內最上面添加一個<span id="top" name="top"</span
2、我們再到body內，需要出現點擊后轉到頂部位置添加，<a href="#top"回到頂部</a

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

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

你可能還希望了解:
css a，css 超鏈接,css 超鏈接樣式、CSS控制a樣式

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。