更新時(shí)間:2020-11-12 來源:黑馬程序員 瀏覽量:
<a href="跳轉(zhuǎn)目標(biāo)" target="目標(biāo)窗口的彈出方式">文本或圖像</a>
在上面的語法中,標(biāo)簽是一個(gè)行內(nèi)元素,用于定義超鏈接,href和target為其常用屬性,具體介紹如下:
● href:用于指定鏈接目標(biāo)的url地址,當(dāng)為標(biāo)簽應(yīng)用href屬性時(shí),它就具有了超鏈接的功能。
● target:用于指定鏈接頁面的打開方式,其取值有 _ 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 超鏈接的使用
通過圖1看出,被超鏈接標(biāo)簽環(huán)繞的文本“站酷”和“百度”顏色特殊且?guī)в邢聞澗€效果,這是因?yàn)槌溄訕?biāo)簽本身有默認(rèn)的顯示樣式。當(dāng)鼠標(biāo)移上鏈接文本時(shí),光標(biāo)也會(huì)發(fā)生變化,同時(shí)頁面的左下角會(huì)顯示鏈接頁面的地址。當(dāng)點(diǎn)擊鏈接文本“站酷”和“百度”時(shí),分別會(huì)在原窗口和新窗口中打開鏈接頁面,如圖2和圖3所示。
圖2 鏈接頁面在原窗口打開
圖3 鏈接頁面在新窗口打開
注意:
1、暫時(shí)沒有確定鏈接目標(biāo)時(shí),通常將標(biāo)簽的href屬性值定義為“#”(即href="#"),表示該鏈接暫時(shí)為一個(gè)空鏈接。
2、不僅可以創(chuàng)建文本超鏈接,在網(wǎng)頁中各種網(wǎng)頁元素,如圖像、表格、音頻、視頻等都可以添加超鏈接。
猜你喜歡:
【AI設(shè)計(jì)】北京143期畢業(yè)僅36天,全員拿下高薪offer!黑馬AI設(shè)計(jì)連續(xù)6期100%高薪就業(yè)
2025-09-19【跨境電商運(yùn)營】深圳跨境電商運(yùn)營畢業(yè)22個(gè)工作日,就業(yè)率91%+,最高薪資達(dá)13500元
2025-09-19【AI運(yùn)維】鄭州運(yùn)維1期就業(yè)班,畢業(yè)14個(gè)工作日,班級(jí)93%同學(xué)已拿到Offer, 一線均薪資 1W+
2025-09-19【AI鴻蒙開發(fā)】上海校區(qū)AI鴻蒙開發(fā)4期5期,距離畢業(yè)21天,就業(yè)率91%,平均薪資14046元
2025-09-19【AI大模型開發(fā)-Python】畢業(yè)33個(gè)工作日,就業(yè)率已達(dá)到94.55%,班均薪資20763元
2025-09-19【AI智能應(yīng)用開發(fā)-Java】畢業(yè)當(dāng)天offer率91%,薪資1W+占比54.2%,班級(jí)均薪12k+
2025-09-19