RELATEED CONSULTING
相(xiàng)關咨詢
選擇下(xià)列産品馬上(shàng)在線溝通(tōng)
服務時間:9:30-18:00
你可能(néng)遇到(dào)了下(xià)面的問題
關閉右側工(gōng)具欄
新手學習老知識(三)HTML教程用好超級鏈接标記A
  • 作者:
  • 發表時間:2010-04-07 09:29
  • 來源:

 超級鏈接标記代表一(yī)個(gè)鏈接點,是英文anchor(錨點)的簡寫。它的作用是把當前位置的文本或圖片連接到(dào)其他的頁面、文本或圖像,這已是衆所周知了,但關于它的語法結構可能(néng)有點鮮為(wèi)人知,而要用活它則必須了解其語法結構。标記的基本語法結構是:

<>
class=type
id=value
href=reference
name=value
rel=same|next|parent|previous
rev=value
target=window
style=value
title=title
onclick=function
onmouseout=function
onMouseOver=function>連接

  從(cóng)标記的語法結構可以看(kàn)出,在設定一(yī)個(gè)超級鏈接時有很多(duō)參數可供選擇,以實現不同的鏈接效果,這有點出乎意料吧(ba)?!

  其中class和id選項:用于設定鏈接點所屬的類型和分配的ID号,通(tōng)常不加以設定。最常用的兩個(gè)參數是href和name。其中href是 hypertext reference的縮略詞,用于設定鏈接地址。鏈接地址必須為(wèi)url地址,如果沒有給出具體路(lù)徑,則默認路(lù)徑和當前頁的路(lù)徑相(xiàng)同。鏈接到(dào)的文件(jiàn)也分為(wèi)幾種情況:如果為(wèi)HTML文件(jiàn),則在當前浏覽器(qì)中直接打開(kāi);如果為(wèi)可執行文件(jiàn)(.exe文件(jiàn)),則直接執行或下(xià)載,我們提供下(xià)載的文件(jiàn)就(jiù)是用它的這種特性做的;如果為(wèi)文本文件(jiàn)如word格式的文件(jiàn),則在浏覽器(qì)中打開(kāi)此文件(jiàn),并可以進行編輯加工(gōng)。

  rel:表示設定鏈接的關系:rel=same表示待鏈接的文件(jiàn)與此文件(jiàn)相(xiàng)同,rel=next表示待鏈接的文件(jiàn)為(wèi)下(xià)一(yī)頁,rel=parent表示本文件(jiàn)為(wèi)待鏈接文件(jiàn)的父文件(jiàn),rel=previous則表示待鏈接的文件(jiàn)為(wèi)上(shàng)一(yī)頁。

  rev:則用于設定反向鏈接。

  target:是在采用幀窗(chuāng)口的情況下(xià)設定鏈接到(dào)哪一(yī)個(gè)窗(chuāng)口,還(hái)有target="_bank"是表示新開(kāi)一(yī)窗(chuāng)口打開(kāi)網頁。

  title:用于設定鏈接點被選到(dào)時顯示的标題。

  onclick:對應于一(yī)個(gè)事(shì)件(jiàn),當鏈接點被點擊後将觸發這個(gè)事(shì)件(jiàn),執行對應的子程序。

  onmouseover:與onclick類似,對應的事(shì)件(jiàn)在鼠标移到(dào)鏈接點上(shàng)時被觸發。

  onmouseout:對應的事(shì)件(jiàn)在鼠标移出鎮接點後被觸發。

  舉幾個(gè)例子:

回到(dào)主頁
播放(fàng)語音(yīn)文件(jiàn)
執行對應的程序
打開(kāi)對應的文檔進行加工(gōng)

  應用技(jì)巧

  1、提供下(xià)載文件(jiàn)

  有不少網友(yǒu)來信問,提供下(xià)載的效果怎麽做。實際上(shàng)仍然是做一(yī)個(gè)超級鏈接,不過供下(xià)載的文件(jiàn)必須上(shàng)傳到(dào)網站上(shàng)。例:有一(yī)個(gè)“網頁技(jì)巧”的文件(jiàn)包供下(xià)載,文件(jiàn)名是“homepagejq.zip”且已上(shàng)傳到(dào)網站了,則這個(gè)鏈接的代碼可以這樣寫:點擊這裡(lǐ)下(xià)載“網頁技(jì)巧”文件(jiàn)包

  2、在新窗(chuāng)口中打開(kāi)鏈接的網頁

  設定“target”的值為(wèi)“_blank”。例:新開(kāi)窗(chuāng)口打開(kāi)網頁“aboutme.htm”。産生(shēng)該效果的代碼是:關于我......

  3、鼠标移到(dào)鏈接,顯示一(yī)行說明文字

  設定“title”參數值,即可獲得這種效果。例:當鼠标移到(dào)“黃山村(cūn)夫”這個(gè)鏈接上(shàng)時,顯示說明“這是一(yī)個(gè)介紹技(jì)巧的專業(yè)網站”。這個(gè)鏈接的代碼是這樣的:黃山村(cūn)夫

  4、鼠标移到(dào)一(yī)個(gè)鏈接上(shàng)彈出一(yī)個(gè)窗(chuāng)口

  這是設定onmouseover參數獲得的效果。例:當鼠标移到(dào)一(yī)個(gè)鏈接上(shàng),彈出一(yī)個(gè)窗(chuāng)口并在窗(chuāng)口中顯示“鼠标懸停效果演示!”。這個(gè)鏈接的代碼是這樣的:鏈接。用類似的方法可以制作當鼠标按下(xià)後彈出提出示窗(chuāng)口、當鼠标離開(kāi)時彈出提示窗(chuāng)口的效果。

  5、鏈接到(dào)本頁的指定内容

  要實現鏈接到(dào)本頁的某一(yī)部分内容上(shàng)(也就(jiù)是“文件(jiàn)内跳轉”),必須用參數name指定鏈接點的名稱。選定一(yī)塊文本,可以用name參數為(wèi)其命名,以備鏈接所用。所謂同一(yī)個(gè)文件(jiàn)内的跳轉是指當讀(dú)者在閱讀(dú)一(yī)個(gè)很長(cháng)的文件(jiàn)的時候,若隻對某部分的内容感興趣,可以采用跳躍式的閱讀(dú)方式。其基本格式是:

第二部分第一(yī)部分内容......
...........................................
第二部分實際内容......
...........................................

  這樣當你點擊“第二部分”這個(gè)超級鏈接後,就(jiù)會(huì)自(zì)動轉移到(dào)“第二部分實際内容”這個(gè)地方來。“name”參數所定義的鏈接點名稱可以随意取,但鏈接的“href”參數中的鏈接點名稱必須與其一(yī)緻,不要忘記在前面加上(shàng)“#”。

  6、鏈接到(dào)其它頁面的指定内容位置

  方法與上(shàng)例類似,但在“href”參數中的鏈接點名稱前要加上(shàng)網頁的文件(jiàn)名。例:有兩個(gè)網頁page1.htm和page2.htm ,每頁均有兩部分内容,現要在page1.htm中制作一(yī)個(gè)超級鏈接,按下(xià)該鏈接後将轉到(dào)page2.htm的第二部分内容上(shàng)。那麽我們可以這樣做,首先在page2.htm第二部分内容開(kāi)始的地方寫上(shàng)這樣一(yī)句代碼:;在page1.htm中寫上(shàng)這樣一(yī)個(gè)鏈接代碼:page2 的第二部分内容

  7、鏈接到(dào)E_mail

  點擊一(yī)個(gè)超級鏈接後,将啓動客戶機(jī)上(shàng)的電(diàn)子郵件(jiàn)管理軟件(jiàn)給你寫信。例這行代碼:請給我寫信。一(yī)旦你點擊了“請給我寫信”這個(gè)鏈接,将自(zì)動啓動電(diàn)子郵件(jiàn)管理軟件(jiàn)(如OE)的寫信功能(néng),并已把郵件(jiàn)地址加在了收信人的地址欄裡(lǐ)了。

  鏈接不僅可以以文本作載體,也可以以圖象作載體,而且可以以圖片的某一(yī)部分作載體,且都能(néng)實現上(shàng)述這些效果,方法也相(xiàng)同,所不同隻是載體,也就(jiù)是鏈接的兩對方括号中間的那部分,所以不再另舉例了。