一.超鏈接
1.<a>標(biāo)簽的基本使用
- <a> 標(biāo)簽定義超鏈接弟灼,用于從一張頁面鏈接到另一張頁面路呜。
- <a> 元素最重要的屬性是 href 屬性刽射,它指示鏈接的目標(biāo)。
-
在所有瀏覽器中补鼻,鏈接的默認(rèn)外觀是:
1.未被訪問的鏈接帶有下劃線而且是藍(lán)色的
2.已被訪問的鏈接帶有下劃線而且是紫色的
3.活動(dòng)鏈接帶有下劃線而且是紅色的
代碼示例如下:
01-1代碼
01-2代碼
01-1結(jié)果
01-2結(jié)果
跳轉(zhuǎn)結(jié)果 -
<a>標(biāo)簽的href屬性
屬性作用:設(shè)置鏈接的地址
絕對(duì)URL:
<a >歡迎進(jìn)入百度首頁</a>
相對(duì)URL:
<a href="01.html">打開當(dāng)前文件夾的文件01.html</a>
示例代碼:
示例代碼
結(jié)果頁面
第一個(gè)鏈接結(jié)果:
結(jié)果1
第二個(gè)鏈接結(jié)果:
結(jié)果2
第三個(gè)鏈接結(jié)果:
結(jié)果3
2.<a>標(biāo)簽的title屬性
可以為<a>標(biāo)簽定義附加的信息
定義了title時(shí)哄啄,當(dāng)光標(biāo)放在鏈接上面時(shí),就會(huì)出現(xiàn)一個(gè)小標(biāo)題风范,如圖所示:
代碼如下
結(jié)果如下
結(jié)果
3.<a>標(biāo)簽創(chuàng)建錨鏈接
1.通過使用href屬性咨跌,創(chuàng)建指向另外一個(gè)文檔的鏈接
2.通過使用id屬性,創(chuàng)建一個(gè)文檔內(nèi)部的書簽
代碼示例:
示例1
結(jié)果1
對(duì)于比較長(zhǎng)的文章硼婿,可以用錨鏈接來進(jìn)行跳轉(zhuǎn)
示例代碼
結(jié)果1上半部分
結(jié)果1下半部分
4.<a>標(biāo)簽的target屬性
1.target="_self",將在當(dāng)前窗口打開頁面
2.target="_blank",將在新窗口中打開頁面
3.target="窗口名"锌半,將在指定的窗口打開頁面
代碼示例
結(jié)果
點(diǎn)擊第一個(gè)鏈接的時(shí)候:會(huì)在當(dāng)前窗口打開騰訊的頁面
結(jié)果1
點(diǎn)擊第二個(gè)鏈接的時(shí)候:打開一個(gè)新窗口打開新浪頁面
結(jié)果2
點(diǎn)擊第三個(gè)鏈接的時(shí)候:在指定的窗口顯示百度頁面
結(jié)果3
點(diǎn)擊第四個(gè)鏈接的時(shí)候:直接在百度頁面顯示有道頁面
結(jié)果3
(此文章僅作為個(gè)人學(xué)習(xí)筆記使用,如有錯(cuò)誤歡迎指正~)