網(wǎng)頁(yè)制作初學(xué)者-學(xué)用HTML的超鏈接A標(biāo)記

2020-03-24 18:04:24

字體：大中小

供稿：網(wǎng)友

超級(jí)鏈接 a 標(biāo)記代表一個(gè)鏈接點(diǎn)，是英文anchor（錨點(diǎn)）的簡(jiǎn)寫(xiě)。它的作用是把當(dāng)前位置的文本或圖片連接到其他的頁(yè)面、文本或圖像，這已是眾所周知了，但關(guān)于它的語(yǔ)法結(jié)構(gòu)可能有點(diǎn)鮮為人知，而要用活它則必須了解其語(yǔ)法結(jié)構(gòu)。 a 標(biāo)記的基本語(yǔ)法結(jié)構(gòu)是：
a
>id＝html' target='_blank'>value
href＝reference
name＝value
rel=same|next|parent|previous
rev＝value
target＝window
style＝value
title=title
onclick＝function
onmouseout＝function
unction /a
從標(biāo)記的語(yǔ)法結(jié)構(gòu)可以看出，在設(shè)定一個(gè)超級(jí)鏈接時(shí)有很多參數(shù)可供選擇，以實(shí)現(xiàn)不同的鏈接效果，這有點(diǎn)出乎意料吧？！
其中class和id選項(xiàng)：用于設(shè)定鏈接點(diǎn)所屬的類(lèi)型和分配的ID號(hào)，通常不加以設(shè)定。最常用的兩個(gè)參數(shù)是href和name。其中href是hypertext reference的縮略詞，用于設(shè)定鏈接地址。鏈接地址必須為url地址，如果沒(méi)有給出具體路徑，則默認(rèn)路徑和當(dāng)前頁(yè)的路徑相同。鏈接到的文件也分為幾種情況：如果為HTML文件，則在當(dāng)前瀏覽器中直接打開(kāi)；如果為可執(zhí)行文件（.exe文件），則直接執(zhí)行或下載，我們提供下載的文件就是用它的這種特性做的；如果為文本文件如word格式的文件，則在瀏覽器中打開(kāi)此文件，并可以進(jìn)行編輯加工。
rel：表示設(shè)定鏈接的關(guān)系：rel=same表示待鏈接的文件與此文件相同，rel=next表示待鏈接的文件為下一頁(yè)，rel＝parent表示本文件為待鏈接文件的父文件，rel=previous則表示待鏈接的文件為上一頁(yè)。
rev：則用于設(shè)定反向鏈接。
target：是在采用幀窗口的情況下設(shè)定鏈接到哪一個(gè)窗口，還有target= _bank 是表示新開(kāi)一窗口打開(kāi)網(wǎng)頁(yè)。
title：用于設(shè)定鏈接點(diǎn)被選到時(shí)顯示的標(biāo)題。
onclick：對(duì)應(yīng)于一個(gè)事件，當(dāng)鏈接點(diǎn)被點(diǎn)擊后將觸發(fā)這個(gè)事件，執(zhí)行對(duì)應(yīng)的子程序。
onmouseover：與onclick類(lèi)似，對(duì)應(yīng)的事件在鼠標(biāo)移到鏈接點(diǎn)上時(shí)被觸發(fā)。
onmouseout：對(duì)應(yīng)的事件在鼠標(biāo)移出鎮(zhèn)接點(diǎn)后被觸發(fā)。
舉幾個(gè)例子： a href= index.htm 回到主頁(yè) /a
a href= sound.wav 播放語(yǔ)音文件 /a
a href= javascipt.open() 執(zhí)行對(duì)應(yīng)的程序 /a
a herf= document.doc 打開(kāi)對(duì)應(yīng)的文檔進(jìn)行加工 /a

應(yīng)用技巧
1、提供下載文件
有不少網(wǎng)友來(lái)信問(wèn)，提供下載的效果怎么做。實(shí)際上仍然是做一個(gè)超級(jí)鏈接，不過(guò)供下載的文件必須上傳到網(wǎng)站上。例：有一個(gè) 網(wǎng)頁(yè)技巧的文件包供下載，文件名是 homepagejq.zip 且已上傳到網(wǎng)站了，則這個(gè)鏈接的代碼可以這樣寫(xiě)： a href= homepagejq.zip 點(diǎn)擊這里下載網(wǎng)頁(yè)技巧文件包 /a 。
2、在新窗口中打開(kāi)鏈接的網(wǎng)頁(yè)
設(shè)定 target 的值為 _blank 。例：新開(kāi)窗口打開(kāi)網(wǎng)頁(yè) aboutme.htm 。產(chǎn)生該效果的代碼是： a href= aboutme.htm target= _blank 關(guān)于我...... /a 。
3、鼠標(biāo)移到鏈接，顯示一行說(shuō)明文字
設(shè)定 title 參數(shù)值，即可獲得這種效果。例：當(dāng)鼠標(biāo)移到網(wǎng)頁(yè)教學(xué)網(wǎng) 這個(gè)鏈接上時(shí)，顯示說(shuō)明這是一個(gè)介紹網(wǎng)頁(yè)制作技巧的專(zhuān)業(yè)網(wǎng)站。這個(gè)鏈接的代碼是這樣的： a href= hscf.htm title= 這是一個(gè)介紹網(wǎng)頁(yè)制作技巧的專(zhuān)業(yè)網(wǎng)站網(wǎng)頁(yè)教學(xué)網(wǎng) /a 。
4、鼠標(biāo)移到一個(gè)鏈接上彈出一個(gè)窗口
這是設(shè)定onmouseover參數(shù)獲得的效果。例：當(dāng)鼠標(biāo)移到一個(gè)鏈接上，彈出一個(gè)窗口并在窗口中顯示鼠標(biāo)懸停效果演示！。這個(gè)鏈接的代碼是這樣的： a href= 其它網(wǎng)頁(yè).htm quot;alert('鼠標(biāo)懸停效果演示！') 鏈接 /a 。用類(lèi)似的方法可以制作當(dāng)鼠標(biāo)按下后彈出提出示窗口、當(dāng)鼠標(biāo)離開(kāi)時(shí)彈出提示窗口的效果。
5、鏈接到本頁(yè)的指定內(nèi)容
要實(shí)現(xiàn)鏈接到本頁(yè)的某一部分內(nèi)容上（也就是文件內(nèi)跳轉(zhuǎn) ），必須用參數(shù)name指定鏈接點(diǎn)的名稱(chēng)。選定一塊文本，可以用name參數(shù)為其命名，以備鏈接所用。所謂同一個(gè)文件內(nèi)的跳轉(zhuǎn)是指當(dāng)讀者在閱讀一個(gè)很長(zhǎng)的文件的時(shí)候，若只對(duì)某部分的內(nèi)容感興趣，可以采用跳躍式的閱讀方式。其基本格式是：
a href＝＃鏈接點(diǎn)名稱(chēng) 第二部分 /a 第一部分內(nèi)容......
...........................................
a name＝鏈接點(diǎn)名稱(chēng) /a 第二部分實(shí)際內(nèi)容......
...........................................
這樣當(dāng)你點(diǎn)擊第二部分這個(gè)超級(jí)鏈接后，就會(huì)自動(dòng)轉(zhuǎn)移到第二部分實(shí)際內(nèi)容這個(gè)地方來(lái)。 name 參數(shù)所定義的鏈接點(diǎn)名稱(chēng)可以隨意取，但鏈接的 href 參數(shù)中的鏈接點(diǎn)名稱(chēng)必須與其一致，不要忘記在前面加上 # 。
6、鏈接到其它頁(yè)面的指定內(nèi)容位置
方法與上例類(lèi)似，但在 href 參數(shù)中的鏈接點(diǎn)名稱(chēng)前要加上網(wǎng)頁(yè)的文件名。例：有兩個(gè)網(wǎng)頁(yè)page1.htm和page2.htm ，每頁(yè)均有兩部分內(nèi)容，現(xiàn)要在page1.htm中制作一個(gè)超級(jí)鏈接，按下該鏈接后將轉(zhuǎn)到page2.htm的第二部分內(nèi)容上。那么我們可以這樣做，首先在page2.htm第二部分內(nèi)容開(kāi)始的地方寫(xiě)上這樣一句代碼： a name= 鏈接點(diǎn)名稱(chēng) /a ；在page1.htm中寫(xiě)上這樣一個(gè)鏈接代碼： a href= pagw2.htm#鏈接點(diǎn)名稱(chēng) page2 的第二部分內(nèi)容 /a 。
7、鏈接到E_mail
點(diǎn)擊一個(gè)超級(jí)鏈接后，將啟動(dòng)客戶(hù)機(jī)上的電子郵件管理軟件給你寫(xiě)信。例這行代碼： a href= mailto:webmaster@phpstudy.net 請(qǐng)給我寫(xiě)信 /a 。一旦你點(diǎn)擊了請(qǐng)給我寫(xiě)信這個(gè)鏈接，將自動(dòng)啟動(dòng)電子郵件管理軟件（如OE）的寫(xiě)信功能，并已把郵件地址加在了收信人的地址欄里了。
鏈接不僅可以以文本作載體，也可以以圖象作載體，而且可以以圖片的某一部分作載體，且都能實(shí)現(xiàn)上述這些效果，方法也相同，所不同只是載體，也就是鏈接的兩對(duì)方括號(hào)中間的那部分，所以不再另舉例了。html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。

上一篇：關(guān)于HTML5語(yǔ)義標(biāo)簽的實(shí)踐(blog頁(yè)面)

下一篇：html基礎(chǔ)教程之與瀏覽者交互，表單標(biāo)簽