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