當(dāng)我們?cè)诰W(wǎng)頁(yè)中點(diǎn)擊一個(gè)鏈接時(shí)便發(fā)生了頁(yè)面跳轉(zhuǎn)動(dòng)作 ， 例如點(diǎn)擊三思經(jīng)驗(yàn)網(wǎng)首頁(yè)中的任意分類(lèi) ， 便可以進(jìn)入到該分類(lèi)的專(zhuān)題頁(yè)面 ， 這種跳轉(zhuǎn)動(dòng)作便是網(wǎng)頁(yè)超鏈接實(shí)現(xiàn)的 。我們使用html語(yǔ)言編輯網(wǎng)頁(yè) ， 使用html的<a>標(biāo)簽實(shí)現(xiàn)網(wǎng)頁(yè)的超鏈接 ， 下面為您介紹<a>標(biāo)簽的具體用法 。
操作方法
- 01在學(xué)習(xí)超鏈接之前我們需要了解URL（Uniform Resource Locator）的概念 ， 每一個(gè)文件在互聯(lián)網(wǎng)上有唯一的地址 ， 該地址被稱(chēng)為統(tǒng)一資源定位符（URL） 。URL格式為：http://host[:port]/path/filename ， http表示通過(guò)HTTP協(xié)議來(lái)定位網(wǎng)絡(luò)資源 ， host表示合法的Internet主機(jī)域名或IP地址 ， port為指定的端口號(hào) ， 若port為空 ， 則缺省端口為80 ， path為文件夾的路徑（絕對(duì)路徑和相對(duì)路徑） ， filename為文件名 。我們?cè)趆tml中使用代碼<a href=https://www.jinnalai.com/jingyan/"http://zhinan.sogou.com/" target="_target" >鏈接到三思經(jīng)驗(yàn)網(wǎng)首頁(yè)實(shí)現(xiàn)超鏈接 ， href的內(nèi)容便是一個(gè)URL 。我們?cè)趆tml編輯器中某個(gè)文件任意位置點(diǎn)擊右鍵 ， 選擇Open in Browser即可打開(kāi)網(wǎng)頁(yè) ， 如下圖所示 。以下所有步驟在編輯完代碼后均需要該操作 。
- 02html<a>標(biāo)簽的語(yǔ)法：<a href=https://www.jinnalai.com/jingyan/"網(wǎng)址、鏈接地址" target="目標(biāo)" title="說(shuō)明">被鏈接內(nèi)容 。href為相對(duì)路徑或絕對(duì)路徑或具體的網(wǎng)頁(yè)URL地址 。taget值可以省略 ， 常用的有以下三種：_blank表示在新窗口中打開(kāi)鏈接；_parent表示在父窗體中打開(kāi)鏈接；_self在當(dāng)前窗體打開(kāi)鏈接 ， 此為缺省值 。target值為_(kāi)blank時(shí) ， 我們點(diǎn)擊超鏈接會(huì)在新的頁(yè)面打開(kāi)超鏈接的內(nèi)容 。步驟1中點(diǎn)擊鏈接跳轉(zhuǎn)到了三思經(jīng)驗(yàn)網(wǎng)首頁(yè) ， 點(diǎn)擊左側(cè)的返回按鈕即可返回鏈接所在的頁(yè)面 。_parent和_self則在原來(lái)的頁(yè)面打開(kāi)鏈接的頁(yè)面 ， 原來(lái)的頁(yè)面不復(fù)存在 。
- 03title的值為鏈接的說(shuō)明 ， 我們將鼠標(biāo)放在鏈接上時(shí)才會(huì)出現(xiàn)此說(shuō)明信息 ， 如下圖所示 。另外需要注意的是<a></a>標(biāo)簽之間必須有文字 ， 即顯示的鏈接文字 ， 若無(wú)則顯示不了超鏈接 。
- 04<a>標(biāo)簽的作用不止是跳轉(zhuǎn)到其他的頁(yè)面 ， 還可以實(shí)現(xiàn)跳轉(zhuǎn)到當(dāng)前頁(yè)面的指定位置 ， 在頁(yè)面過(guò)長(zhǎng) ， 需要占到三四個(gè)屏幕時(shí)使用較多 。實(shí)現(xiàn)方式有兩種 ， 下面將分別介紹 。第一種為同頁(yè)面添加錨文本 ， 可實(shí)現(xiàn)同頁(yè)面內(nèi)上下跳轉(zhuǎn)到指定位置 。我們同樣使用<a>標(biāo)簽來(lái)定義錨 ， 即要跳轉(zhuǎn)到的位置 ， 代碼為：<a name="pos">要跳轉(zhuǎn)的位置</a> ， 這里定義的錨名字為pos ， 我們?cè)陧?yè)面的另一個(gè)地方定義一個(gè)超鏈接來(lái)指定錨 ， 代碼為：<a href=https://www.jinnalai.com/jingyan/"#pos"> ， 注意href#后的內(nèi)容要和錨的name屬性值一致 。
推薦閱讀
- vi編輯器命令怎么用
- Excel中的count函數(shù)怎么用
- 華為榮耀盒子怎么用
- 怎么在家用電視、機(jī)頂盒、盒子唱歌卡拉OK
- 怎么用我來(lái)做設(shè)計(jì)衣服
- 干海參泡發(fā)的正確方法,干海參泡發(fā)后怎么吃
- 花膠怎么去除腥味,花膠腥味重是好膠嗎
- 雞蛋怎么吃對(duì)身體好
- 三門(mén)青蟹怎么保存
- 牛肉沙拉的做法
-
