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

更新時(shí)間:2020-11-12 來(lái)源:黑馬程序員瀏覽量:

　在HTML中，一段具有下劃線(xiàn)的藍(lán)色文本，用手指觸擊或用鼠標(biāo)點(diǎn)擊會(huì)激活鏈接來(lái)跳轉(zhuǎn)到另一個(gè)頁(yè)面，這樣的鏈接被稱(chēng)做超鏈接，創(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è)面的打開(kāi)方式，其取值有 _ self和 _ blank兩種，其中self為默認(rèn)值，意為在原窗口中打開(kāi)_blank為在新窗口中打開(kāi)。

　　示例代碼如下：

  <body>

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

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

  </body>

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

　　圖1 超鏈接的使用

　　通過(guò)圖1看出，被超鏈接標(biāo)簽環(huán)繞的文本“站酷”和“百度”顏色特殊且?guī)в邢聞澗€(xiàn)效果，這是因?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ì)在原窗口和新窗口中打開(kāi)鏈接頁(yè)面，如圖2和圖3所示。