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