教育行業(yè)A股IPO第一股(股票代碼 003032)

全國(guó)咨詢/投訴熱線:400-618-4000

創(chuàng)建超鏈接的基本語(yǔ)法有哪些?

更新時(shí)間:2020年11月12日13時(shí)44分 來(lái)源:傳智播客 瀏覽次數(shù):

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

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

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

  ● target:用于指定鏈接頁(yè)面的打開方式,其取值有 _ self和 _ blank兩種,其中self為默認(rèn)值,意為在原窗口中打開_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>

  運(yùn)行示例代碼,效果如圖1所示。

  圖1 超鏈接的使用

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

  圖2 鏈接頁(yè)面在原窗口打開

  圖3 鏈接頁(yè)面在新窗口打開

  注意:

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

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

猜你喜歡:

如何使用選擇器獲取元素?常用的jQuery選擇器列舉

如何在HTML5中嵌入視頻和音頻?

傳智教育前端培訓(xùn)課程
0 分享到:
和我們?cè)诰€交談!