超鏈接是任何一個(gè)網(wǎng)站必不可少的元素,可以說(shuō)沒(méi)有超鏈接的網(wǎng)站甚至稱不上是一個(gè)網(wǎng)站,只能說(shuō)是一個(gè)孤立的網(wǎng)頁(yè)。因此在網(wǎng)頁(yè)制作的過(guò)程中,我們必須了解超鏈接怎么做。
超鏈接是html語(yǔ)言中的一個(gè)標(biāo)簽,用 <a> 表示,由于html標(biāo)簽均為閉合標(biāo)簽,所以一個(gè)最簡(jiǎn)單的正確的超鏈接寫法為:<a></a>,這實(shí)際是一個(gè)空連接。
在標(biāo)簽之間可以加入鏈接的文本:<a>教你超鏈接怎么做</a>
任何html標(biāo)簽都有自己的屬性,<a>標(biāo)簽也不例外,這里我們介紹一些制作超鏈接時(shí)最常用的屬性:
<a>屬性 | 意義 | 作用 |
href | 目標(biāo)url地址 | 設(shè)置當(dāng)點(diǎn)擊后跳轉(zhuǎn)到的目標(biāo)url地址,可以是網(wǎng)頁(yè)、圖片、Email等地址。 |
target | 鏈接目標(biāo) | 設(shè)置鏈接對(duì)象在什么地方打開(kāi),包括在本頁(yè)、新窗口、父框架、瀏覽器中打開(kāi)。 |
title | 飛行提示 | 當(dāng)鼠標(biāo)移至該超鏈接時(shí),會(huì)在鏈接附近出現(xiàn)一段飛行提示文本。 |
style | 樣式 | 設(shè)置鏈接的樣式,包括顏色、下劃線、字體、字號(hào)等。 |
需要著重說(shuō)明的是 target 屬性,它指定了點(diǎn)擊鏈接后的目標(biāo)在哪個(gè)對(duì)象中打開(kāi),這里的對(duì)象一般有四種:
1. _blank,在新瀏覽器窗口中打開(kāi)鏈接目標(biāo)。
2. _self,在本頁(yè)中打開(kāi)鏈接目標(biāo),本頁(yè)被覆蓋。
3. _parent,如果該鏈接所在網(wǎng)頁(yè)是處于框架中的,那么在其父框架中打開(kāi)鏈接目標(biāo)。
4. _top,如果該鏈接所在網(wǎng)頁(yè)是處于框架中的,則在整個(gè)瀏覽器中打開(kāi)鏈接目標(biāo),并覆蓋所有框架。
一個(gè)較為完整的html超鏈接代碼示例:
<a href="http://0736cc.cn/article/16.html" target="_blank" title="超鏈接制作教程" style="color:red;">教你超鏈接怎么做</a>
以上代碼的最終效果為:教你超鏈接怎么做
網(wǎng)站中超鏈接的布局尤為重要,不僅對(duì)訪問(wèn)者起到一個(gè)很好的導(dǎo)航作用,對(duì)搜索引擎的頁(yè)面爬取也起到了引導(dǎo)效果。因此學(xué)習(xí)好超鏈接怎么做是網(wǎng)頁(yè)制作的必修之課。
建站咨詢熱線
4006123011