網頁制作初學者-學用HTML的超鏈接A標記_0

2020-03-24 18:40:49

字體：大中小

來源：轉載

供稿：網友

超級鏈接a標記代表一個鏈接點，是英文anchor（錨點）的簡寫。它的作用是把當前位置的文本或圖片連接到其他的頁面、文本或圖像，這已是眾所周知了，但關于它的語法結構可能有點鮮為人知，而要用活它則必須了解其語法結構.
超級鏈接 a 標記代表一個鏈接點，是英文anchor（錨點）的簡寫。它的作用是把當前位置的文本或圖片連接到其他的頁面、文本或圖像，這已是眾所周知了，但關于它的語法結構可能有點鮮為人知，而要用活它則必須了解其語法結構。 a 標記的基本語法結構是：
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
從標記的語法結構可以看出，在設定一個超級鏈接時有很多參數可供選擇，以實現不同的鏈接效果，這有點出乎意料吧？！
其中class和id選項：用于設定鏈接點所屬的類型和分配的ID號，通常不加以設定。最常用的兩個參數是href和name。其中href是hypertext reference的縮略詞，用于設定鏈接地址。鏈接地址必須為url地址，如果沒有給出具體路徑，則默認路徑和當前頁的路徑相同。鏈接到的文件也分為幾種情況：如果為HTML文件，則在當前瀏覽器中直接打開；如果為可執行文件（.exe文件），則直接執行或下載，我們提供下載的文件就是用它的這種特性做的；如果為文本文件如word格式的文件，則在瀏覽器中打開此文件，并可以進行編輯加工。
rel：表示設定鏈接的關系：rel=same表示待鏈接的文件與此文件相同，rel=next表示待鏈接的文件為下一頁，rel＝parent表示本文件為待鏈接文件的父文件，rel=previous則表示待鏈接的文件為上一頁。
rev：則用于設定反向鏈接。
target：是在采用幀窗口的情況下設定鏈接到哪一個窗口，還有target= _bank 是表示新開一窗口打開網頁。
title：用于設定鏈接點被選到時顯示的標題。
onclick：對應于一個事件，當鏈接點被點擊后將觸發這個事件，執行對應的子程序。
onmouseover：與onclick類似，對應的事件在鼠標移到鏈接點上時被觸發。
onmouseout：對應的事件在鼠標移出鎮接點后被觸發。
舉幾個例子： a href= index.htm 回到主頁 /a
a href= sound.wav 播放語音文件 /a
a href= javascipt.open() 執行對應的程序 /a
a herf= document.doc 打開對應的文檔進行加工 /a
應用技巧
1、提供下載文件
有不少網友來信問，提供下載的效果怎么做。實際上仍然是做一個超級鏈接，不過供下載的文件必須上傳到網站上。例：有一個網頁技巧的文件包供下載，文件名是 homepagejq.zip 且已上傳到網站了，則這個鏈接的代碼可以這樣寫： a href= homepagejq.zip 點擊這里下載網頁技巧文件包 /a 。
2、在新窗口中打開鏈接的網頁
設定 target 的值為 _blank 。例：新開窗口打開網頁 aboutme.htm 。產生該效果的代碼是： a href= aboutme.htm target= _blank 關于我...... /a 。
3、鼠標移到鏈接，顯示一行說明文字
設定 title 參數值，即可獲得這種效果。例：當鼠標移到 phpStudy 這個鏈接上時，顯示說明這是一個介紹網頁制作技巧的專業網站。這個鏈接的代碼是這樣的： a href= hscf.htm title= 這是一個介紹網頁制作技巧的專業網站 phpStudy /a 。
4、鼠標移到一個鏈接上彈出一個窗口
這是設定onmouseover參數獲得的效果。例：當鼠標移到一個鏈接上，彈出一個窗口并在窗口中顯示鼠標懸停效果演示！。這個鏈接的代碼是這樣的： a href= 其它網頁.htm quot;alert('鼠標懸停效果演示！') 鏈接 /a 。用類似的方法可以制作當鼠標按下后彈出提出示窗口、當鼠標離開時彈出提示窗口的效果。
5、鏈接到本頁的指定內容
要實現鏈接到本頁的某一部分內容上（也就是文件內跳轉），必須用參數name指定鏈接點的名稱。選定一塊文本，可以用name參數為其命名，以備鏈接所用。所謂同一個文件內的跳轉是指當讀者在閱讀一個很長的文件的時候，若只對某部分的內容感興趣，可以采用跳躍式的閱讀方式。其基本格式是：
a href＝＃鏈接點名稱第二部分 /a 第一部分內容......
...........................................
a name＝鏈接點名稱 /a 第二部分實際內容......
...........................................
這樣當你點擊第二部分這個超級鏈接后，就會自動轉移到第二部分實際內容這個地方來。 name 參數所定義的鏈接點名稱可以隨意取，但鏈接的 href 參數中的鏈接點名稱必須與其一致，不要忘記在前面加上 # 。
6、鏈接到其它頁面的指定內容位置
方法與上例類似，但在 href 參數中的鏈接點名稱前要加上網頁的文件名。例：有兩個網頁page1.htm和page2.htm ，每頁均有兩部分內容，現要在page1.htm中制作一個超級鏈接，按下該鏈接后將轉到page2.htm的第二部分內容上。那么我們可以這樣做，首先在page2.htm第二部分內容開始的地方寫上這樣一句代碼： a name= 鏈接點名稱 /a ；在page1.htm中寫上這樣一個鏈接代碼： a href= pagw2.htm#鏈接點名稱 page2 的第二部分內容 /a 。
7、鏈接到E_mail
點擊一個超級鏈接后，將啟動客戶機上的電子郵件管理軟件給你寫信。例這行代碼： a href= mailto:webmaster@phpstudy.net 請給我寫信 /a 。一旦你點擊了請給我寫信這個鏈接，將自動啟動電子郵件管理軟件（如OE）的寫信功能，并已把郵件地址加在了收信人的地址欄里了。
鏈接不僅可以以文本作載體，也可以以圖象作載體，而且可以以圖片的某一部分作載體，且都能實現上述這些效果，方法也相同，所不同只是載體，也就是鏈接的兩對方括號中間的那部分，所以不再另舉例了。html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：深入了解HTML的元素嵌套有哪些規則？

下一篇：HTML框架標簽的實例應用