首頁 > web前端 > html教學 > html網頁超連結怎麼做

html網頁超連結怎麼做

清浅
發布: 2020-09-08 16:51:19
原創
70210 人瀏覽過

HTML網頁超連結可以透過a標籤來添加超鏈接,其語法是“”,它的兩個屬性值分別是href用來設定網頁目標位址,target是用來設定開啟超連結的方式。

html網頁超連結怎麼做

HTML網頁超連結可以透過a標籤來新增超鏈接,它有兩個屬性值分被是href用來設定網頁目標位址,target是用來設定開啟超連結的方式。

以下是關於HTML中超連結的用法,希望透過這篇文章可以幫助大家理解html中a標籤的知識及用法,希望對大家有幫助。

超連結語法 

<a href="网址、链接地址" target="目标" title="说明">被链接内容</a>
登入後複製

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

target值:

_blank:在新視窗中開啟連結

 _parent:在父窗體中開啟連結

 _self :在目前表單開啟連結,此為預設值

 _top:在目前窗體開啟鏈接,並取代目前的整個窗體(框架頁)

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

超連結作用:

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

範例:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
  <a href="http://www.php.cn/" target="_blank" title="转到php中文网首页">PHP中文网</a>
</body>
</html>
登入後複製

效果圖:

html網頁超連結怎麼做

#

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

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