HTML文件中(zhōng)最重要的應用之一(yī)就是超鏈接,超鏈接是一(yī)個網站的靈魂,web上的網頁是互相鏈接的,單擊被稱爲超鏈接的文本或圖形就可以鏈接到其它頁面。超文本具有的鏈接能力,可層層鏈接相關文件,這種具有超級鏈能力的操作,即稱爲超級鏈接。超級鏈接除了可鏈接文本外(wài),也可鏈接各種媒體(tǐ),如聲音、圖象、動畫,通過它們我(wǒ)(wǒ)們可享受豐富多采的多媒體(tǐ)世界。
建立超鏈接的标簽爲<A>和</A>
格式爲:<A HREF="資(zī)源地址" TARGET="窗口名稱" TITLE="指向連接顯示的文字">超鏈接名稱</A>
說明:标簽<A>表示一(yī)個鏈接的開(kāi)始,</A>表示鏈接的結束;
屬性“HREF”定義了這個鏈接所指的目标地址;目标地址是最重要的,一(yī)旦路徑上出現差錯,該資(zī)源就無法訪問
TARGET:該屬性用于指定打開(kāi)鏈接的目标窗口,其默認方式是原窗口。
建立目标窗口的屬性
屬性值
描 述
_parent
在上一(yī)級窗口中(zhōng)打開(kāi),一(yī)般使用分(fēn)桢的框架頁會經常使用
_blank
在新窗口打開(kāi)
_self
在同一(yī)個桢或窗口中(zhōng)打開(kāi),這項一(yī)般不用設置
_top
在浏覽器的整個窗口中(zhōng)打開(kāi),忽略任何框架
TITLE:該屬性用于指定指向鏈接時所顯示的标題文字。
"超鏈接名稱"是要單擊到鏈接的元素,元素可以包含文本,也可以包含圖像。文本帶下(xià)劃線且與其它文字顔色不同,圖形鏈接通常帶有邊框顯示。用圖形做鏈接時隻要把顯示圖像的标志(zhì)<img>嵌套在<A HREF="URL"></A>之間就能實現圖像鏈接的效果。當鼠标指向"超鏈接名稱"處時會變成手狀,單擊這個元素可以訪問指定的目标文件。
4-1 鏈接路徑
每一(yī)個文件都有自己的存放(fàng)位置和路徑,理解一(yī)個文件到要鏈接的那個文件之間的路徑關系是創建鏈接的根本。
URL(Uniform Resourc Locator)中(zhōng)文名字爲"統一(yī)資(zī)源定位器"。指的就是每一(yī)個網站都具有的地址。同一(yī)個網站下(xià)的每一(yī)個網頁都屬于同一(yī)個地址之下(xià),在創建一(yī)個網站的網頁時,不需要爲每一(yī)個連接都輸入完全的地址,我(wǒ)(wǒ)們隻需要确定當前文檔同站點根目錄之間的相對路徑關系就可以了。因此,鏈接可以分(fēn)以下(xià)三種:
絕對路徑
如:http://www.sina.com.cn
相對路徑
如:news/index.html
根路徑
如:d│/web/news/index.html
1、絕對路徑
絕對路徑:包含了标識INTERNET上的文件所需要的所有信息。文件的鏈接是相對原文檔而定的。包括完整的協議名稱,主機名稱,文件夾名稱和文件名稱
其格式爲 : 通訊協議 ://服務器地址:通訊端口/文件位置....../文件名。
lnternet遵循一(yī)個重要的協議及HTTP(Hypertext Transfer Protocol)超文本傳輸協議,http是用于傳輸Web頁的客戶端/服務器協議。當浏覽器發出Web頁請求時,此協議将建立一(yī)個與服務器的鏈接.當鏈接暢通後,服務器将找到請求頁,并将它發送給客戶端,信息發送到客戶端後,http将釋放(fàng)此鏈接.這使得此協議可以接受并服務大(dà)量的客戶端請求.
Web應用程序是指Web服務器上包含的許多靜态的和動态的資(zī)源集合.Web服務器承但着爲浏覽器提供服務的責任.
www.sina.com.cn就是資(zī)源所在的主機名爲:通常情況下(xià)使用默認的端口号80,資(zī)源在WWW服務器主機web文件夾下(xià),資(zī)源的名稱爲:index.html.。
例 :http://www.163.net/myweb/book.htm(此網址爲假設)
表明采用 http 從名爲 www.163.net 的服務器上的目錄 myweb 中(zhōng)獲得文件book.htm
2、相對路徑
相對路經是以當前文件所在路徑爲起點,進行相對文件的查找。一(yī)個相對的URL不包括協議和主機地址信息,表示它的路徑與當前文檔的訪問協議和主機名相同,甚至有相同的目錄路徑。通常隻包含文件夾名和文件名。甚至隻有文件名。可以用相對URL指向與源文檔位于同一(yī)服務器或同文件夾中(zhōng)的文件。此時,浏覽器鏈接的目标文檔處在同一(yī)服務器或同一(yī)文件夾下(xià)。
如果鏈接到同一(yī)目錄下(xià),則隻需輸入要鏈接文件的名稱。
要鏈接到下(xià)級目錄中(zhōng)的文件。隻需先輸入目錄名,然後加"/",再輸入文件名。
要鏈接到上一(yī)級目錄中(zhōng)文件,則先輸入"../",再輸入文件名。
相對路徑的用法
相對路徑名
含 義
herf="shouey.html" shouey.html 是本地當前路徑下(xià)的文件
herf="web/shouey.html" shouey.html 是本地當前路徑下(xià)稱做"web"子目錄下(xià)的文件
herf="../shouey.html" shouey.html 是本地當前目錄的上一(yī)級子目錄下(xià)的文件
herf="../../shouey.html" shouey.html 是本地當前目錄的上兩級子目錄下(xià)的文件
3、根路徑
根路徑目錄地址同樣可用于創建内部鏈接,但大(dà)多數情況下(xià),不建議使用此種鏈接形式。
根路徑目錄地址的書(shū)寫也很簡單,首先以一(yī)個斜杠開(kāi)頭,代表根目錄,然後書(shū)寫文件夾名,最後書(shū)寫文件名。
如果根目錄要寫盤符,就在盤符後使用"│",而不用":" 這點與DOS的寫法不同。
如:/web/highight/shouey.html
d│/web/highight/shouey.html
也許讀者會問,鏈接本地機器上的文件時,應該使用相對路徑還是根路徑?在絕大(dà)多數情況下(xià)使用相對路徑比較好,例如,用絕對路徑定義了鏈接,當把文件夾改名或者移動之後,那麽所有的鏈接都要失敗,這樣就必須對你的所有html文件的鏈接進行重新編排,而一(yī)旦将此文夾件移到網絡服務器上時,需要重新改動的地方就更多了,那是一(yī)件很麻煩的事情。而使用相對路徑,不僅在本地機器環境下(xià)适合,就是上傳到網絡或其他系統下(xià)也不需要進行多少更改就能準确鏈接。
4-2 超鏈接的應用
4-2-1書(shū)簽鏈接
鏈接文檔中(zhōng)的特定位置也叫書(shū)簽鏈接,在浏覽頁面時如果頁面很長,要不斷的拖動滾動條給浏覽帶來不便,要是浏覽者可以從上頭閱讀到尾,又(yòu)可以選擇自己感興趣的部分(fēn)閱讀,這種效果就可以通過書(shū)簽鏈接來實現,方法是選者一(yī)個目标定位點,用來創建一(yī)個定位标記,用<a>标簽的屬性name的值來确定定位标記名 <a name="定位标記名"> 。然後在網頁的任何地方建立對這個目标标記的鏈接"标題",在标題上建立的鏈接地址的名字要和定位标記名相同,前面還要加上"#"号,<a href= "#定位标記名">。單擊标題就跳到要訪問的内容。
書(shū)簽鏈接可以在同一(yī)頁面中(zhōng)鏈接,也可以在不同頁面中(zhōng)鏈接,在不同頁面中(zhōng)鏈接的前提是需要指定好鏈接的頁面地址和鏈接的書(shū)簽位置
格式:
在同一(yī)頁面要使用鏈接的地址:
<a href="#書(shū)簽名稱" target="窗口名稱">超連鏈标題名稱</a>
在不同頁面要使用鏈接的地址:
<a href="URL地址#書(shū)簽名稱" target="窗口名稱">超鏈接标題名稱</a>
鏈接到的目的地址:
<a name="書(shū)簽名稱">目标超鏈接名稱</a>
name的屬性值爲該目标定位點的定位标記點名稱,是給特定位置點(這個位置點也叫錨點)起個名稱。
實例:4-2-11html
<HTML>
<HEAD>
<TITLE>唐詩欣賞</TITLE>
</HEAD>
<BODY>
<a name="top"><H2>唐詩欣賞</H2></a>
<a name="lb"><H2>李白(bái)</H2></a>
<A href="#T.2" target="_blank">清平調三首</A><br>
<A href="#T.1">長幹行</A><br>
<A href="#T.3">月下(xià)獨酌</A>
<HR>
<BR><BR>
<H3><A NAME="T.2">清平調三首</A> </H3>
雲想衣裳花想容,<br>春風拂檻露華濃。<br>若非群玉山頭見,<br>會向瑤台月下(xià)逢。<br>一(yī)枝紅艷露凝香,<br>雲雨巫山枉斷腸。<br>借問漢宮誰得似?<br>可憐飛燕倚新妝。<br>名花傾國兩相歡,<br>常得君王帶笑看。<br>解釋春風無限恨,<br>沈香亭北(běi)倚闌幹。
<H3><A NAME="T.1">長幹行</A> </H3>
<PRE>
妾髮初覆額,<br>折花門前劇。<br>郎騎竹馬來,<br>遶床弄青梅。<br>同居長幹裏,<br>兩小(xiǎo)無嫌猜。<br>十四為君婦,<br>羞顏未嘗開。<br>低頭向暗壁,<br>千喚不一(yī)回。<br>十五始展眉,<br>願同塵與灰。<br>常存抱柱信,<br>豈上望夫臺。<br>十六君遠行,<br>瞿塘灩澦堆。<br>五月不可觸,<br>猿鳴天上哀。<br>門前遲行跡,<br>一(yī)一(yī)生(shēng)綠苔。<br>苔深不能掃,<br>落葉秋風早。<br>八月蝴蝶來,<br>雙飛西園草。<br>感此傷妾心,<br>坐愁紅顏老。<br>早晚下(xià)三巴,<br>預將書報家。<br>相迎不道遠,<br>直至長風沙。
</PRE>
<A href="#top">唐詩欣賞</a>
<BR><BR>
<H3><A NAME="T.3">月下(xià)獨酌</A> </H3>
<PRE>
花間一(yī)壺酒,<br>獨酌無相親。<br>舉杯邀明月,<br>對影成三人。<br>月既不解飲,<br>影徒隨我(wǒ)(wǒ)身。<br>暫伴月將影,<br>行樂須及春。<br>我(wǒ)(wǒ)歌月裴回,<br>我(wǒ)(wǒ)舞影零亂。<br>醒時同交歡,<br>醉後各分(fēn)散。<br>永結無情遊,<br>相期邈雲漢。
</PRE>
<p><a href="4-2-12.html#libai">李白(bái)蔑視權貴</a></p>
</BODY>
</HTML>
實例:4-2-12html
<html>
<head>
<title>李白(bái)</title>
</head>
<body>
<center>
<a href="4-2-11.html#lb"><h1 align="center"><font color="#339933">李白(bái)</font></h1></a>
<font color="#339933" size="+2">李白(bái)(701~762),<br>字太白(bái),号青蓮居士。<br>祖籍隴西成紀(今甘肅省天水市附近的秦安縣),<br>隋朝末年其先租因罪住在中(zhōng)亞細亞。<br>李白(bái)的家世和出生(shēng)地至今還是個謎,<br>學術界說法不一(yī)。<br>一(yī)說李白(bái)就誕生(shēng)在安西都護府所轄的碎葉城,<br>五歲時随父遷到綿州昌隆縣青蓮鄉。<br>
<p>李白(bái)性情豪放(fàng),<br>喜愛縱橫家的作風,<br>愛好任俠之事,輕視财貨。<br>早年在蜀中(zhōng)度過。他的父親是個富商(shāng)。<br>李白(bái)二十五歲開(kāi)始漫遊全國,<br>走過湖北(běi),江西,河南(nán),山東等地.<br></p>
<p><A NAME="libai">李白(bái)蔑視權貴</A>,<br>傳說他喝(hē)醉酒,<br>曾在玄宗面前使高力士給他脫靴。<br>高力士認爲這是很大(dà)的恥辱,<br>就摘取李白(bái)詩句激怒楊貴妃。<br>玄宗每次讓李白(bái)做官,楊貴妃就加以阻止。<br>李白(bái)知(zhī)道玄宗的親信對他有意見,<br>于是懇求還家。<br>玄宗賜給他财物(wù),放(fàng)他開(kāi).<br></p>
<p>李白(bái)是我(wǒ)(wǒ)國唐代偉大(dà)的浪漫主義詩人,<br>被譽爲“詩仙”。<br>他的詩豪邁瑰麗,詩裏有突破現實的幻想。<br>也有對當時民生(shēng)疾苦的反映和對政治黑暗的抨擊。<br>他的散文具有清新明朗,<br>奔放(fàng)流暢的特點。</p></font></center>
</body>
</html>
4-2-2在站點内部建立鏈接
所謂内部鏈接,指的是在同一(yī)個網站内部,不同的html頁面之間的鏈接關系,在建立網站内部鏈接的時候,要明确哪個是主鏈接文件(即當前頁),哪個是被鏈接文件。在前面介紹鏈接路徑時,已經給大(dà)家介紹了内部鏈接概念,内部鏈接一(yī)般采用相對路徑鏈接比較好。下(xià)面我(wǒ)(wǒ)們根據如圖示,來看看相對路徑的具體(tǐ)的鏈接方法:
在站點内部建立鏈接
當前頁面 被鏈接頁面 超鏈接代碼
2-1.html 3-1.html <a href="3-1.html">超鏈接元素</a>
3-1.html 1-1.html <a href="asm/1-1.html">超鏈接元素</a>
sy.html 1-1.html <a href="ssm/asm/1-1.html">超鏈接元素</a>
2-1.html sy.html <a href="../sy.html">超鏈接元素</a>
1-1.html sy.html <a href="../../sy.html">超鏈接元素</a>
sy.html 2-1.html <a href="ssm/2-1.html">超鏈接元素</a>
4-2-3 外(wài)部鏈接
所謂外(wài)部鏈接,指的是跳轉到當前網站外(wài)部,與其它網站中(zhōng)頁面或其它元素之間的鏈接關系。這種鏈接的URL地址一(yī)般要用絕對路徑,要有完整的URL地址,包括協議名,主機名,文件所在主機上的的位置的路徑以及文件名。
最常用的外(wài)部鏈接格式是:<a href="http://網址">,還有其他的格式如下(xià)表所示:
URL外(wài)鏈部接格式 服 務 URL格式 描 述
WWW http://"地址" 進入萬維網站點
Ftp ftp://"" 進入文件傳輸協議
Telnet telnet://"" 啓動Telnet方式
Gopher gopher://"" 訪問一(yī)個gopher服務器
News news://"" 啓動新聞讨論組
Email email://"" 啓動郵件
4-2-31 鏈接其它站點:
站點之間的頁面和元素的鏈接是萬維網交流信息的關鍵,這種鏈接用HTTP協議來建立網站之間的超鏈接。
格式:<A HREF="HTTP://"網址">
實例:4-2-31.html
<HTML>
<HEAD>
<TITLE>鏈接到http://</TITLE>
</HEAD>
<BODY>
<CENTER>
<h2>絕對路徑鏈接</h2>
<HR>
<A HREF="http://www.sina.com.cn" title="打開(kāi)新浪首頁"><img src="../../imgelogo(3).gif/"></A><BR><BR>
<A HREF="http://www.tsinghua.edu.cn">清 華 大(dà) 學</A><BR><BR>
<A HREF="http://www.pku.edu.cn">北(běi) 京 大(dà) 學</A><BR><BR>
<A HREF="http://www.shisu.edu.cn" target=_blank>上海外(wài)國語學院</A><BR>
</CENTER>
</BODY>
</HTML>
4-2-32 發送E-mail
在HTML頁面中(zhōng),可以建立E-mail鏈接。當浏覽者單擊鏈接後,系統會啓動默認的本地郵件服務系統發送郵件。
基本語法:<a href="mailto:E-mali 地址: subject=郵件主題">描述文字</a>
在實際應用中(zhōng),用戶還可以加入另外(wài)的兩個參數"?cc="E-mali地址"和"&body=?",這分(fēn)别表示在發送郵件的同時把郵件抄送給第三者和設定郵件主題内容。
郵件的參數 參 數 描 述
subject 電子郵件主題
cc 抄送收件人
body 主題内容
bcc 暗送收件人
如果希望同時寫下(xià)多個參數,則參數之間使用"&"分(fēn)隔符。
實例:4-2-32.html
<html>
<head>
<title>發送郵件</title>
</head>
<body>
<p>
<a href="mailto:zhoujr3071@yahoo.com.cn?cc=benbenmao@163.com&Subject=早安&bcc=a@b.c
&Body= 早安,笨笨貓祝你度過一(yī)個快樂的早晨!">
向笨笨貓的好友發送郵件(抄送 笨笨貓)
</a>
</p>
</body>
</html>
單擊"向笨笨貓的好友發送郵件(抄送 笨笨貓)"後打開(kāi)了系統的郵件服務軟件Outlook Exqress發送郵件。
4-2-33 鏈接FTP
lnternet上資(zī)源豐富,通過ftp文件傳輸協議,就可以獲得各種免費(fèi)軟件和其他文件,ftp協議是使計算機與計算機之間能夠相互通信的語言,ftp使文件和文件夾能夠在lnternet上公開(kāi)傳輸,通過ftp可以訪問某個網絡或服務器,而不需要該計算機的賬戶和授權的密碼就可通過ftp公開(kāi)獲得數據
語法格式:
<a href="ftp://ftp主機地址">文字鏈接</a>
實例:4-2-33.html
<html>
<head>
<title>鏈接ftp主機</title>
</head>
<body>
<p>
<a href=ftp://ftp.pku.edu.cn>北(běi)京大(dà)學ftp站點</a>
</p>
</body>
</html>
建立超鏈接的标簽爲<A>和</A>
格式爲:<A HREF="資(zī)源地址" TARGET="窗口名稱" TITLE="指向連接顯示的文字">超鏈接名稱</A>
說明:标簽<A>表示一(yī)個鏈接的開(kāi)始,</A>表示鏈接的結束;
屬性“HREF”定義了這個鏈接所指的目标地址;目标地址是最重要的,一(yī)旦路徑上出現差錯,該資(zī)源就無法訪問
TARGET:該屬性用于指定打開(kāi)鏈接的目标窗口,其默認方式是原窗口。
建立目标窗口的屬性
屬性值
描 述
_parent
在上一(yī)級窗口中(zhōng)打開(kāi),一(yī)般使用分(fēn)桢的框架頁會經常使用
_blank
在新窗口打開(kāi)
_self
在同一(yī)個桢或窗口中(zhōng)打開(kāi),這項一(yī)般不用設置
_top
在浏覽器的整個窗口中(zhōng)打開(kāi),忽略任何框架
TITLE:該屬性用于指定指向鏈接時所顯示的标題文字。
"超鏈接名稱"是要單擊到鏈接的元素,元素可以包含文本,也可以包含圖像。文本帶下(xià)劃線且與其它文字顔色不同,圖形鏈接通常帶有邊框顯示。用圖形做鏈接時隻要把顯示圖像的标志(zhì)<img>嵌套在<A HREF="URL"></A>之間就能實現圖像鏈接的效果。當鼠标指向"超鏈接名稱"處時會變成手狀,單擊這個元素可以訪問指定的目标文件。
4-1 鏈接路徑
每一(yī)個文件都有自己的存放(fàng)位置和路徑,理解一(yī)個文件到要鏈接的那個文件之間的路徑關系是創建鏈接的根本。
URL(Uniform Resourc Locator)中(zhōng)文名字爲"統一(yī)資(zī)源定位器"。指的就是每一(yī)個網站都具有的地址。同一(yī)個網站下(xià)的每一(yī)個網頁都屬于同一(yī)個地址之下(xià),在創建一(yī)個網站的網頁時,不需要爲每一(yī)個連接都輸入完全的地址,我(wǒ)(wǒ)們隻需要确定當前文檔同站點根目錄之間的相對路徑關系就可以了。因此,鏈接可以分(fēn)以下(xià)三種:
絕對路徑
如:http://www.sina.com.cn
相對路徑
如:news/index.html
根路徑
如:d│/web/news/index.html
1、絕對路徑
絕對路徑:包含了标識INTERNET上的文件所需要的所有信息。文件的鏈接是相對原文檔而定的。包括完整的協議名稱,主機名稱,文件夾名稱和文件名稱
其格式爲 : 通訊協議 ://服務器地址:通訊端口/文件位置....../文件名。
lnternet遵循一(yī)個重要的協議及HTTP(Hypertext Transfer Protocol)超文本傳輸協議,http是用于傳輸Web頁的客戶端/服務器協議。當浏覽器發出Web頁請求時,此協議将建立一(yī)個與服務器的鏈接.當鏈接暢通後,服務器将找到請求頁,并将它發送給客戶端,信息發送到客戶端後,http将釋放(fàng)此鏈接.這使得此協議可以接受并服務大(dà)量的客戶端請求.
Web應用程序是指Web服務器上包含的許多靜态的和動态的資(zī)源集合.Web服務器承但着爲浏覽器提供服務的責任.
www.sina.com.cn就是資(zī)源所在的主機名爲:通常情況下(xià)使用默認的端口号80,資(zī)源在WWW服務器主機web文件夾下(xià),資(zī)源的名稱爲:index.html.。
例 :http://www.163.net/myweb/book.htm(此網址爲假設)
表明采用 http 從名爲 www.163.net 的服務器上的目錄 myweb 中(zhōng)獲得文件book.htm
2、相對路徑
相對路經是以當前文件所在路徑爲起點,進行相對文件的查找。一(yī)個相對的URL不包括協議和主機地址信息,表示它的路徑與當前文檔的訪問協議和主機名相同,甚至有相同的目錄路徑。通常隻包含文件夾名和文件名。甚至隻有文件名。可以用相對URL指向與源文檔位于同一(yī)服務器或同文件夾中(zhōng)的文件。此時,浏覽器鏈接的目标文檔處在同一(yī)服務器或同一(yī)文件夾下(xià)。
如果鏈接到同一(yī)目錄下(xià),則隻需輸入要鏈接文件的名稱。
要鏈接到下(xià)級目錄中(zhōng)的文件。隻需先輸入目錄名,然後加"/",再輸入文件名。
要鏈接到上一(yī)級目錄中(zhōng)文件,則先輸入"../",再輸入文件名。
相對路徑的用法
相對路徑名
含 義
herf="shouey.html" shouey.html 是本地當前路徑下(xià)的文件
herf="web/shouey.html" shouey.html 是本地當前路徑下(xià)稱做"web"子目錄下(xià)的文件
herf="../shouey.html" shouey.html 是本地當前目錄的上一(yī)級子目錄下(xià)的文件
herf="../../shouey.html" shouey.html 是本地當前目錄的上兩級子目錄下(xià)的文件
3、根路徑
根路徑目錄地址同樣可用于創建内部鏈接,但大(dà)多數情況下(xià),不建議使用此種鏈接形式。
根路徑目錄地址的書(shū)寫也很簡單,首先以一(yī)個斜杠開(kāi)頭,代表根目錄,然後書(shū)寫文件夾名,最後書(shū)寫文件名。
如果根目錄要寫盤符,就在盤符後使用"│",而不用":" 這點與DOS的寫法不同。
如:/web/highight/shouey.html
d│/web/highight/shouey.html
也許讀者會問,鏈接本地機器上的文件時,應該使用相對路徑還是根路徑?在絕大(dà)多數情況下(xià)使用相對路徑比較好,例如,用絕對路徑定義了鏈接,當把文件夾改名或者移動之後,那麽所有的鏈接都要失敗,這樣就必須對你的所有html文件的鏈接進行重新編排,而一(yī)旦将此文夾件移到網絡服務器上時,需要重新改動的地方就更多了,那是一(yī)件很麻煩的事情。而使用相對路徑,不僅在本地機器環境下(xià)适合,就是上傳到網絡或其他系統下(xià)也不需要進行多少更改就能準确鏈接。
4-2 超鏈接的應用
4-2-1書(shū)簽鏈接
鏈接文檔中(zhōng)的特定位置也叫書(shū)簽鏈接,在浏覽頁面時如果頁面很長,要不斷的拖動滾動條給浏覽帶來不便,要是浏覽者可以從上頭閱讀到尾,又(yòu)可以選擇自己感興趣的部分(fēn)閱讀,這種效果就可以通過書(shū)簽鏈接來實現,方法是選者一(yī)個目标定位點,用來創建一(yī)個定位标記,用<a>标簽的屬性name的值來确定定位标記名 <a name="定位标記名"> 。然後在網頁的任何地方建立對這個目标标記的鏈接"标題",在标題上建立的鏈接地址的名字要和定位标記名相同,前面還要加上"#"号,<a href= "#定位标記名">。單擊标題就跳到要訪問的内容。
書(shū)簽鏈接可以在同一(yī)頁面中(zhōng)鏈接,也可以在不同頁面中(zhōng)鏈接,在不同頁面中(zhōng)鏈接的前提是需要指定好鏈接的頁面地址和鏈接的書(shū)簽位置
格式:
在同一(yī)頁面要使用鏈接的地址:
<a href="#書(shū)簽名稱" target="窗口名稱">超連鏈标題名稱</a>
在不同頁面要使用鏈接的地址:
<a href="URL地址#書(shū)簽名稱" target="窗口名稱">超鏈接标題名稱</a>
鏈接到的目的地址:
<a name="書(shū)簽名稱">目标超鏈接名稱</a>
name的屬性值爲該目标定位點的定位标記點名稱,是給特定位置點(這個位置點也叫錨點)起個名稱。
實例:4-2-11html
<HTML>
<HEAD>
<TITLE>唐詩欣賞</TITLE>
</HEAD>
<BODY>
<a name="top"><H2>唐詩欣賞</H2></a>
<a name="lb"><H2>李白(bái)</H2></a>
<A href="#T.2" target="_blank">清平調三首</A><br>
<A href="#T.1">長幹行</A><br>
<A href="#T.3">月下(xià)獨酌</A>
<HR>
<BR><BR>
<H3><A NAME="T.2">清平調三首</A> </H3>
雲想衣裳花想容,<br>春風拂檻露華濃。<br>若非群玉山頭見,<br>會向瑤台月下(xià)逢。<br>一(yī)枝紅艷露凝香,<br>雲雨巫山枉斷腸。<br>借問漢宮誰得似?<br>可憐飛燕倚新妝。<br>名花傾國兩相歡,<br>常得君王帶笑看。<br>解釋春風無限恨,<br>沈香亭北(běi)倚闌幹。
<H3><A NAME="T.1">長幹行</A> </H3>
<PRE>
妾髮初覆額,<br>折花門前劇。<br>郎騎竹馬來,<br>遶床弄青梅。<br>同居長幹裏,<br>兩小(xiǎo)無嫌猜。<br>十四為君婦,<br>羞顏未嘗開。<br>低頭向暗壁,<br>千喚不一(yī)回。<br>十五始展眉,<br>願同塵與灰。<br>常存抱柱信,<br>豈上望夫臺。<br>十六君遠行,<br>瞿塘灩澦堆。<br>五月不可觸,<br>猿鳴天上哀。<br>門前遲行跡,<br>一(yī)一(yī)生(shēng)綠苔。<br>苔深不能掃,<br>落葉秋風早。<br>八月蝴蝶來,<br>雙飛西園草。<br>感此傷妾心,<br>坐愁紅顏老。<br>早晚下(xià)三巴,<br>預將書報家。<br>相迎不道遠,<br>直至長風沙。
</PRE>
<A href="#top">唐詩欣賞</a>
<BR><BR>
<H3><A NAME="T.3">月下(xià)獨酌</A> </H3>
<PRE>
花間一(yī)壺酒,<br>獨酌無相親。<br>舉杯邀明月,<br>對影成三人。<br>月既不解飲,<br>影徒隨我(wǒ)(wǒ)身。<br>暫伴月將影,<br>行樂須及春。<br>我(wǒ)(wǒ)歌月裴回,<br>我(wǒ)(wǒ)舞影零亂。<br>醒時同交歡,<br>醉後各分(fēn)散。<br>永結無情遊,<br>相期邈雲漢。
</PRE>
<p><a href="4-2-12.html#libai">李白(bái)蔑視權貴</a></p>
</BODY>
</HTML>
實例:4-2-12html
<html>
<head>
<title>李白(bái)</title>
</head>
<body>
<center>
<a href="4-2-11.html#lb"><h1 align="center"><font color="#339933">李白(bái)</font></h1></a>
<font color="#339933" size="+2">李白(bái)(701~762),<br>字太白(bái),号青蓮居士。<br>祖籍隴西成紀(今甘肅省天水市附近的秦安縣),<br>隋朝末年其先租因罪住在中(zhōng)亞細亞。<br>李白(bái)的家世和出生(shēng)地至今還是個謎,<br>學術界說法不一(yī)。<br>一(yī)說李白(bái)就誕生(shēng)在安西都護府所轄的碎葉城,<br>五歲時随父遷到綿州昌隆縣青蓮鄉。<br>
<p>李白(bái)性情豪放(fàng),<br>喜愛縱橫家的作風,<br>愛好任俠之事,輕視财貨。<br>早年在蜀中(zhōng)度過。他的父親是個富商(shāng)。<br>李白(bái)二十五歲開(kāi)始漫遊全國,<br>走過湖北(běi),江西,河南(nán),山東等地.<br></p>
<p><A NAME="libai">李白(bái)蔑視權貴</A>,<br>傳說他喝(hē)醉酒,<br>曾在玄宗面前使高力士給他脫靴。<br>高力士認爲這是很大(dà)的恥辱,<br>就摘取李白(bái)詩句激怒楊貴妃。<br>玄宗每次讓李白(bái)做官,楊貴妃就加以阻止。<br>李白(bái)知(zhī)道玄宗的親信對他有意見,<br>于是懇求還家。<br>玄宗賜給他财物(wù),放(fàng)他開(kāi).<br></p>
<p>李白(bái)是我(wǒ)(wǒ)國唐代偉大(dà)的浪漫主義詩人,<br>被譽爲“詩仙”。<br>他的詩豪邁瑰麗,詩裏有突破現實的幻想。<br>也有對當時民生(shēng)疾苦的反映和對政治黑暗的抨擊。<br>他的散文具有清新明朗,<br>奔放(fàng)流暢的特點。</p></font></center>
</body>
</html>
4-2-2在站點内部建立鏈接
所謂内部鏈接,指的是在同一(yī)個網站内部,不同的html頁面之間的鏈接關系,在建立網站内部鏈接的時候,要明确哪個是主鏈接文件(即當前頁),哪個是被鏈接文件。在前面介紹鏈接路徑時,已經給大(dà)家介紹了内部鏈接概念,内部鏈接一(yī)般采用相對路徑鏈接比較好。下(xià)面我(wǒ)(wǒ)們根據如圖示,來看看相對路徑的具體(tǐ)的鏈接方法:
在站點内部建立鏈接
當前頁面 被鏈接頁面 超鏈接代碼
2-1.html 3-1.html <a href="3-1.html">超鏈接元素</a>
3-1.html 1-1.html <a href="asm/1-1.html">超鏈接元素</a>
sy.html 1-1.html <a href="ssm/asm/1-1.html">超鏈接元素</a>
2-1.html sy.html <a href="../sy.html">超鏈接元素</a>
1-1.html sy.html <a href="../../sy.html">超鏈接元素</a>
sy.html 2-1.html <a href="ssm/2-1.html">超鏈接元素</a>
4-2-3 外(wài)部鏈接
所謂外(wài)部鏈接,指的是跳轉到當前網站外(wài)部,與其它網站中(zhōng)頁面或其它元素之間的鏈接關系。這種鏈接的URL地址一(yī)般要用絕對路徑,要有完整的URL地址,包括協議名,主機名,文件所在主機上的的位置的路徑以及文件名。
最常用的外(wài)部鏈接格式是:<a href="http://網址">,還有其他的格式如下(xià)表所示:
URL外(wài)鏈部接格式 服 務 URL格式 描 述
WWW http://"地址" 進入萬維網站點
Ftp ftp://"" 進入文件傳輸協議
Telnet telnet://"" 啓動Telnet方式
Gopher gopher://"" 訪問一(yī)個gopher服務器
News news://"" 啓動新聞讨論組
Email email://"" 啓動郵件
4-2-31 鏈接其它站點:
站點之間的頁面和元素的鏈接是萬維網交流信息的關鍵,這種鏈接用HTTP協議來建立網站之間的超鏈接。
格式:<A HREF="HTTP://"網址">
實例:4-2-31.html
<HTML>
<HEAD>
<TITLE>鏈接到http://</TITLE>
</HEAD>
<BODY>
<CENTER>
<h2>絕對路徑鏈接</h2>
<HR>
<A HREF="http://www.sina.com.cn" title="打開(kāi)新浪首頁"><img src="../../imgelogo(3).gif/"></A><BR><BR>
<A HREF="http://www.tsinghua.edu.cn">清 華 大(dà) 學</A><BR><BR>
<A HREF="http://www.pku.edu.cn">北(běi) 京 大(dà) 學</A><BR><BR>
<A HREF="http://www.shisu.edu.cn" target=_blank>上海外(wài)國語學院</A><BR>
</CENTER>
</BODY>
</HTML>
4-2-32 發送E-mail
在HTML頁面中(zhōng),可以建立E-mail鏈接。當浏覽者單擊鏈接後,系統會啓動默認的本地郵件服務系統發送郵件。
基本語法:<a href="mailto:E-mali 地址: subject=郵件主題">描述文字</a>
在實際應用中(zhōng),用戶還可以加入另外(wài)的兩個參數"?cc="E-mali地址"和"&body=?",這分(fēn)别表示在發送郵件的同時把郵件抄送給第三者和設定郵件主題内容。
郵件的參數 參 數 描 述
subject 電子郵件主題
cc 抄送收件人
body 主題内容
bcc 暗送收件人
如果希望同時寫下(xià)多個參數,則參數之間使用"&"分(fēn)隔符。
實例:4-2-32.html
<html>
<head>
<title>發送郵件</title>
</head>
<body>
<p>
<a href="mailto:zhoujr3071@yahoo.com.cn?cc=benbenmao@163.com&Subject=早安&bcc=a@b.c
&Body= 早安,笨笨貓祝你度過一(yī)個快樂的早晨!">
向笨笨貓的好友發送郵件(抄送 笨笨貓)
</a>
</p>
</body>
</html>
單擊"向笨笨貓的好友發送郵件(抄送 笨笨貓)"後打開(kāi)了系統的郵件服務軟件Outlook Exqress發送郵件。
4-2-33 鏈接FTP
lnternet上資(zī)源豐富,通過ftp文件傳輸協議,就可以獲得各種免費(fèi)軟件和其他文件,ftp協議是使計算機與計算機之間能夠相互通信的語言,ftp使文件和文件夾能夠在lnternet上公開(kāi)傳輸,通過ftp可以訪問某個網絡或服務器,而不需要該計算機的賬戶和授權的密碼就可通過ftp公開(kāi)獲得數據
語法格式:
<a href="ftp://ftp主機地址">文字鏈接</a>
實例:4-2-33.html
<html>
<head>
<title>鏈接ftp主機</title>
</head>
<body>
<p>
<a href=ftp://ftp.pku.edu.cn>北(běi)京大(dà)學ftp站點</a>
</p>
</body>
</html>
文章來源:http://longka.flasher123.com/zy/index/4-1.html