以下是DIVCSS5整理關于html a、html超鏈接基礎教程,希望對超鏈接CSS樣式學習之前可以理解html中a標簽的知識及掌握用法。
<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)相同效果。
使用a錨鏈接可以從A頁面轉到B頁面,也就是常常見到和使用的,如新聞網站,我們看到標題覺得感興趣,鼠標點擊然后進入另外頁面了解詳情。這個就是html a超鏈接運用。
<a href="http://www.divcss5.com/" target="_blank" title="轉到DIVCSS5主頁"DIVCSS5</a

html a錨文本_HTML超鏈接截圖
使用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超鏈接截圖
同頁面錨文本-同頁面內上下轉到指定位置
常常看見我們頁面底部點擊 “回到頂部”鏈接就會轉到網頁頂部實現。
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樣式
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答