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