網頁製作中的超鏈接怎麼做

  超鏈接是任何一個網站必不可少的元素,可以說沒有超鏈接的網站甚至稱不上是一個網站,只能說是一個孤立的網頁。因此在網頁製作的過程中,我們必須瞭解超鏈接怎麼做

  超鏈接是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>

  以上代碼的最終效果爲:教你超鏈接怎麼做

  網站中超鏈接的佈局尤爲重要,不僅對訪問者起到一個很好的導航作用,對搜索引擎的頁面爬取也起到了引導效果。因此學習好超鏈接怎麼做是網頁製作的必修之課。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章