首頁 > web前端 > css教學 > html裡的超連結標籤

html裡的超連結標籤

php中世界最好的语言
發布: 2017-11-21 17:33:26
原創
3220 人瀏覽過

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內最上面加上一個

#2、我們再到body內,需要出現點擊後轉到頂部位置添加,回到頂部

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

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

相關閱讀:

純CSS製作動畫效果按鈕


CSS怎麼設定table邊框樣式


CSS怎麼加粗文字

以上是html裡的超連結標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板