網(wǎng)頁制作初學(xué)者:學(xué)用HTML的超鏈接A標(biāo)記
來源:易賢網(wǎng) 閱讀:1090 次 日期:2016-06-24 11:59:03
溫馨提示:易賢網(wǎng)小編為您整理了“網(wǎng)頁制作初學(xué)者:學(xué)用HTML的超鏈接A標(biāo)記”,方便廣大網(wǎng)友查閱!

超級鏈接a標(biāo)記代表一個鏈接點(diǎn),是英文anchor(錨點(diǎn))的簡寫。它的作用是把當(dāng)前位置的文本或圖片連接到其他的頁面、文本或圖像,這已是眾所周知了,但關(guān)于它的語法結(jié)構(gòu)可能有點(diǎn)鮮為人知,而要用活它則必須了解其語法結(jié)構(gòu). 超級鏈接<a>標(biāo)記代表一個鏈接點(diǎn),是英文anchor(錨點(diǎn))的簡寫。它的作用是把當(dāng)前位置的文本或圖片連接到其他的頁面、文本或圖像,這已是眾所周知了,但關(guān)于它的語法結(jié)構(gòu)可能有點(diǎn)鮮為人知,而要用活它則必須了解其語法結(jié)構(gòu)。<a>標(biāo)記的基本語法結(jié)構(gòu)是:

<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>

從標(biāo)記的語法結(jié)構(gòu)可以看出,在設(shè)定一個超級鏈接時有很多參數(shù)可供選擇,以實(shí)現(xiàn)不同的鏈接效果,這有點(diǎn)出乎意料吧?!

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

rel:表示設(shè)定鏈接的關(guān)系:rel=same表示待鏈接的文件與此文件相同,rel=next表示待鏈接的文件為下一頁,rel=parent表示本文件為待鏈接文件的父文件,rel=previous則表示待鏈接的文件為上一頁。

rev:則用于設(shè)定反向鏈接。

target:是在采用幀窗口的情況下設(shè)定鏈接到哪一個窗口,還有target="_bank"是表示新開一窗口打開網(wǎng)頁。

title:用于設(shè)定鏈接點(diǎn)被選到時顯示的標(biāo)題。

onclick:對應(yīng)于一個事件,當(dāng)鏈接點(diǎn)被點(diǎn)擊后將觸發(fā)這個事件,執(zhí)行對應(yīng)的子程序。

onmouseover:與onclick類似,對應(yīng)的事件在鼠標(biāo)移到鏈接點(diǎn)上時被觸發(fā)。

onmouseout:對應(yīng)的事件在鼠標(biāo)移出鎮(zhèn)接點(diǎn)后被觸發(fā)。

舉幾個例子: <a href="index.htm">回到主頁</a>

<a href="sound.wav">播放語音文件</a>

<a href="javascipt.open()">執(zhí)行對應(yīng)的程序</a>

<a herf="document.doc">打開對應(yīng)的文檔進(jìn)行加工</a>

應(yīng)用技巧

1、提供下載文件

有不少網(wǎng)友來信問,提供下載的效果怎么做。實(shí)際上仍然是做一個超級鏈接,不過供下載的文件必須上傳到網(wǎng)站上。例:有一個“網(wǎng)頁技巧”的文件包供下載,文件名是“homepagejq.zip”且已上傳到網(wǎng)站了,則這個鏈接的代碼可以這樣寫:<a href="homepagejq.zip">點(diǎn)擊這里下載“網(wǎng)頁技巧”文件包</a>。

2、在新窗口中打開鏈接的網(wǎng)頁

設(shè)定“target”的值為“_blank”。例:新開窗口打開網(wǎng)頁“aboutme.htm”。產(chǎn)生該效果的代碼是:<a href="aboutme.htm" target="_blank">關(guān)于我......</a>。

3、鼠標(biāo)移到鏈接,顯示一行說明文字

設(shè)定“title”參數(shù)值,即可獲得這種效果。例:當(dāng)鼠標(biāo)移到“腳本之家”這個鏈接上時,顯示說明“這是一個介紹網(wǎng)頁制作技巧的專業(yè)網(wǎng)站”。這個鏈接的代碼是這樣的:<a href="hscf.htm" title="這是一個介紹網(wǎng)頁制作技巧的專業(yè)網(wǎng)站">腳本之家</a>。

4、鼠標(biāo)移到一個鏈接上彈出一個窗口

這是設(shè)定onmouseover參數(shù)獲得的效果。例:當(dāng)鼠標(biāo)移到一個鏈接上,彈出一個窗口并在窗口中顯示“鼠標(biāo)懸停效果演示!”。這個鏈接的代碼是這樣的:<a href="其它網(wǎng)頁.htm" onmouseover="alert('鼠標(biāo)懸停效果演示!')">鏈接</a>。用類似的方法可以制作當(dāng)鼠標(biāo)按下后彈出提出示窗口、當(dāng)鼠標(biāo)離開時彈出提示窗口的效果。

5、鏈接到本頁的指定內(nèi)容

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

<a href="#鏈接點(diǎn)名稱">第二部分</a>第一部分內(nèi)容......

...........................................

<a name="鏈接點(diǎn)名稱"></a>第二部分實(shí)際內(nèi)容......

...........................................

這樣當(dāng)你點(diǎn)擊“第二部分”這個超級鏈接后,就會自動轉(zhuǎn)移到“第二部分實(shí)際內(nèi)容”這個地方來?!皀ame”參數(shù)所定義的鏈接點(diǎn)名稱可以隨意取,但鏈接的“href”參數(shù)中的鏈接點(diǎn)名稱必須與其一致,不要忘記在前面加上“#”。

6、鏈接到其它頁面的指定內(nèi)容位置

方法與上例類似,但在“href”參數(shù)中的鏈接點(diǎn)名稱前要加上網(wǎng)頁的文件名。例:有兩個網(wǎng)頁page1.htm和page2.htm ,每頁均有兩部分內(nèi)容,現(xiàn)要在page1.htm中制作一個超級鏈接,按下該鏈接后將轉(zhuǎn)到page2.htm的第二部分內(nèi)容上。那么我們可以這樣做,首先在page2.htm第二部分內(nèi)容開始的地方寫上這樣一句代碼:<a name="鏈接點(diǎn)名稱"></a>;在page1.htm中寫上這樣一個鏈接代碼:<a href="pagw2.htm#鏈接點(diǎn)名稱">page2 的第二部分內(nèi)容</a>。

7、鏈接到E_mail

點(diǎn)擊一個超級鏈接后,將啟動客戶機(jī)上的電子郵件管理軟件給你寫信。例這行代碼:<a href="mailto:webmaster@jb51.net">請給我寫信</a>。一旦你點(diǎn)擊了“請給我寫信”這個鏈接,將自動啟動電子郵件管理軟件(如OE)的寫信功能,并已把郵件地址加在了收信人的地址欄里了。

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

更多信息請查看網(wǎng)頁制作
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

2025國考·省考課程試聽報(bào)名

  • 報(bào)班類型
  • 姓名
  • 手機(jī)號
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)