首頁技術(shù)文章正文

怎樣HTML中創(chuàng)建超鏈接?

更新時間:2020-11-12 來源:黑馬程序員 瀏覽量:

 在HTML中,一段具有下劃線的藍色文本,用手指觸擊或用鼠標點擊會激活鏈接來跳轉(zhuǎn)到另一個頁面,這樣的鏈接被稱做超鏈接,創(chuàng)建超鏈接十分簡單,只需用<a></a>標簽環(huán)繞需要被鏈接的對象即可,其基本語法格式如下:
<a href="跳轉(zhuǎn)目標" target="目標窗口的彈出方式">文本或圖像</a>

  在上面的語法中,標簽是一個行內(nèi)元素,用于定義超鏈接,href和target為其常用屬性,具體介紹如下:

  ● href:用于指定鏈接目標的url地址,當為標簽應(yīng)用href屬性時,它就具有了超鏈接的功能。

  ● target:用于指定鏈接頁面的打開方式,其取值有 _ self和 _ blank兩種,其中self為默認值,意為在原窗口中打開_blank為在新窗口中打開。

  示例代碼如下:

  <body>

  <a href="http://www.zcool.com.cn/" target="_self">站酷</a> target="_self"原窗口打開<br />

  <a href="http://www.baidu.com/" target="_blank">百度</a> target="_blank"新窗口打開

  </body>

  運行示例代碼,效果如圖1所示。

1621494873200_111.jpg

  圖1 超鏈接的使用

  通過圖1看出,被超鏈接標簽環(huán)繞的文本“站酷”和“百度”顏色特殊且?guī)в邢聞澗€效果,這是因為超鏈接標簽本身有默認的顯示樣式。當鼠標移上鏈接文本時,光標也會發(fā)生變化,同時頁面的左下角會顯示鏈接頁面的地址。當點擊鏈接文本“站酷”和“百度”時,分別會在原窗口和新窗口中打開鏈接頁面,如圖2和圖3所示。

1621494880729_112.jpg

  圖2 鏈接頁面在原窗口打開
1621494891962_113.jpg

  圖3 鏈接頁面在新窗口打開

  注意:

  1、暫時沒有確定鏈接目標時,通常將標簽的href屬性值定義為“#”(即href="#"),表示該鏈接暫時為一個空鏈接。

  2、不僅可以創(chuàng)建文本超鏈接,在網(wǎng)頁中各種網(wǎng)頁元素,如圖像、表格、音頻、視頻等都可以添加超鏈接。






猜你喜歡:

從async/await面試題看宏觀任務(wù)和微觀任務(wù) 

【前端】盒子模型的邊框樣式屬性和應(yīng)用技巧講解

黑馬程序前端開發(fā)培訓(xùn)

分享到:
在線咨詢 我要報名
和我們在線交談!