網頁制作初學者:學用HTML的超鏈接A標記
互聯(lián)網 發(fā)布時間:2009-04-02 20:55:08 作者:佚名
我要評論
超級鏈接a標記代表一個鏈接點,是英文anchor(錨點)的簡寫。它的作用是把當前位置的文本或圖片連接到其他的頁面、文本或圖像,這已是眾所周知了,但關于它的語法結構可能有點鮮為人知,而要用活它則必須了解其語法結構.
超級鏈
超級鏈接a標記代表一個鏈接點,是英文anchor(錨點)的簡寫。它的作用是把當前位置的文本或圖片連接到其他的頁面、文本或圖像,這已是眾所周知了,但關于它的語法結構可能有點鮮為人知,而要用活它則必須了解其語法結構. 超級鏈接<a>標記代表一個鏈接點,是英文anchor(錨點)的簡寫。它的作用是把當前位置的文本或圖片連接到其他的頁面、文本或圖像,這已是眾所周知了,但關于它的語法結構可能有點鮮為人知,而要用活它則必須了解其語法結構。<a>標記的基本語法結構是:
<a
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> </a>
從標記的語法結構可以看出,在設定一個超級鏈接時有很多參數(shù)可供選擇,以實現(xiàn)不同的鏈接效果,這有點出乎意料吧?!
其中class和id選項:用于設定鏈接點所屬的類型和分配的ID號,通常不加以設定。最常用的兩個參數(shù)是href和name。其中href是hypertext reference的縮略詞,用于設定鏈接地址。鏈接地址必須為url地址,如果沒有給出具體路徑,則默認路徑和當前頁的路徑相同。 鏈接到的文件也分為幾種情況:如果為HTML文件,則在當前瀏覽器中直接打開;如果為可執(zhí)行文件(.exe文件),則直接執(zhí)行或下載,我們提供下載的文件就是用它的這種特性做的;如果為文本文件如word格式的文件,則在瀏覽器中打開此文件,并可以進行編輯加工。
rel:表示設定鏈接的關系:rel=same表示待鏈接的文件與此文件相同,rel=next表示待鏈接的文件為下一頁,rel=parent表示本文件為待鏈接文件的父文件,rel=previous則表示待鏈接的文件為上一頁。
rev:則用于設定反向鏈接。
target:是在采用幀窗口的情況下設定鏈接到哪一個窗口,還有target="_bank"是表示新開一窗口打開網頁。
title:用于設定鏈接點被選到時顯示的標題。
onclick:對應于一個事件,當鏈接點被點擊后將觸發(fā)這個事件,執(zhí)行對應的子程序。
onmouseover:與onclick類似,對應的事件在鼠標移到鏈接點上時被觸發(fā)。
onmouseout:對應的事件在鼠標移出鎮(zhèn)接點后被觸發(fā)。
舉幾個例子: <a href="index.htm">回到主頁</a>
<a href="sound.wav">播放語音文件</a>
<a href="javascipt.open()">執(zhí)行對應的程序</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”參數(shù)值,即可獲得這種效果。例:當鼠標移到“腳本之家”這個鏈接上時,顯示說明“這是一個介紹網頁制作技巧的專業(yè)網站”。這個鏈接的代碼是這樣的:<a href="hscf.htm" title="這是一個介紹網頁制作技巧的專業(yè)網站">腳本之家</a>。
4、鼠標移到一個鏈接上彈出一個窗口
這是設定onmouseover參數(shù)獲得的效果。例:當鼠標移到一個鏈接上,彈出一個窗口并在窗口中顯示“鼠標懸停效果演示!”。這個鏈接的代碼是這樣的:<a href="其它網頁.htm" onmouseover="alert('鼠標懸停效果演示!')">鏈接</a>。用類似的方法可以制作當鼠標按下后彈出提出示窗口、當鼠標離開時彈出提示窗口的效果。
5、鏈接到本頁的指定內容
要實現(xiàn)鏈接到本頁的某一部分內容上(也就是“文件內跳轉”),必須用參數(shù)name指定鏈接點的名稱。選定一塊文本,可以用name參數(shù)為其命名,以備鏈接所用。所謂同一個文件內的跳轉是指當讀者在閱讀一個很長的文件的時候,若只對某部分的內容感興趣,可以采用跳躍式的閱讀方式。其基本格式是:
<a href="#鏈接點名稱">第二部分</a>第一部分內容......
...........................................
<a name="鏈接點名稱"></a>第二部分實際內容......
...........................................
這樣當你點擊“第二部分”這個超級鏈接后,就會自動轉移到“第二部分實際內容”這個地方來。“name”參數(shù)所定義的鏈接點名稱可以隨意取,但鏈接的“href”參數(shù)中的鏈接點名稱必須與其一致,不要忘記在前面加上“#”。
6、鏈接到其它頁面的指定內容位置
方法與上例類似,但在“href”參數(shù)中的鏈接點名稱前要加上網頁的文件名。例:有兩個網頁page1.htm和page2.htm ,每頁均有兩部分內容,現(xiàn)要在page1.htm中制作一個超級鏈接,按下該鏈接后將轉到page2.htm的第二部分內容上。那么我們可以這樣做,首先在page2.htm第二部分內容開始的地方寫上這樣一句代碼:<a name="鏈接點名稱"></a>;在page1.htm中寫上這樣一個鏈接代碼:<a href="pagw2.htm#鏈接點名稱">page2 的第二部分內容</a>。
7、鏈接到E_mail
點擊一個超級鏈接后,將啟動客戶機上的電子郵件管理軟件給你寫信。例這行代碼:<a href="mailto:webmaster@jb51.net">請給我寫信</a>。一旦你點擊了“請給我寫信”這個鏈接,將自動啟動電子郵件管理軟件(如OE)的寫信功能,并已把郵件地址加在了收信人的地址欄里了。
鏈接不僅可以以文本作載體,也可以以圖象作載體,而且可以以圖片的某一部分作載體,且都能實現(xiàn)上述這些效果,方法也相同,所不同只是載體,也就是鏈接的兩對方括號中間的那部分,所以不再另舉例了。
相關文章
- 下面小編就為大家?guī)硪黄狧TML基礎知識——設置超鏈接的樣式簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-11
- 這篇文章主要介紹了HTML中的超鏈接標簽使用教程,包括郵件鏈接的使用方法,需要的朋友可以參考下2016-07-08
- 這篇文章主要介紹了XHTML中的超鏈接標簽使用教程,包括錨鏈接和鏈接相對地址用法的介紹,需要的朋友可以參考下2016-03-06
- 這篇文章主要介紹了html如何用超鏈接打開新窗口其可控制窗口屬性,主要使用到js的window.open方法,感興趣的朋友可以看看哦2014-09-06
html超鏈接a標簽的href跳轉跟onclick之間執(zhí)行順序示例介紹
html超鏈接a標簽的href跳轉跟onclick之間執(zhí)行關系:如果onclick返回false,則a不進行跳轉,如果onclick返回true,則a跳轉,感興趣的朋友可以了解下本文2014-01-07- html 圖片img加了超鏈接之后產生難看的藍色邊框該怎么解決呢?在接下來的文章中將為大家介紹下詳細的解決方法,感興趣的朋友可以參考下2013-10-14
- html超鏈接樣式包括:正在連接、訪問過、鼠標盤旋,各個文本字體樣式設置如下,感興趣的朋友可以學習下哦。希望對大家有所幫助2013-08-09
html 中文亂碼 HTML超鏈接中文亂碼問題分析及解決方法
Vm中一個超鏈接URL需要拼接中文作為Get請求的參數(shù)如果直接拼接,傳到后臺Action的參數(shù)對象中后取出會是亂碼,需要編碼后再拼接到URL上,接下來將和大家分享一下解決方法2012-12-30- 今天我們來談談HTML利用超鏈接打開鏈接文件的方法介紹2012-07-02
- CSS為一些特殊效果準備了特定的工具,我們稱之為“偽類”。其中有幾項是我們經常用到的,下面我們就詳細介紹一下經常用于定義鏈接樣式的四個偽類2012-12-02

