一、超文本（HyperText）

　　標記語言的真正威力在于其收集能力，它可以將收集來的文檔組合成一個完整的信息庫，并且可以將文檔庫與世界上的其他文檔集合鏈接起來夏普550 錯誤代碼H3-02 。

　　這樣的話，讀者不僅可以完全控制文檔在屏幕上的顯示，還可以通過超鏈接來控制瀏覽信息的順序夏普550 錯誤代碼H3-02 。這就是 HTML 和 XHTML 中的 “HT” - 超文本（hypertext），就是它將整個 Web 網(wǎng)絡(luò)連接起來。

　　二、超鏈接（Hyper Link）

　　1.超鏈接定義

　　超鏈接（Hyperlink）：是網(wǎng)頁中指向一個目標的連接關(guān)系，這個目標可以是網(wǎng)頁、網(wǎng)頁中的具體位置、圖片、郵件地址、文件、應(yīng)用程序等夏普550 錯誤代碼H3-02 。

　　鏈接標記的屬性

021yin.com 然后回車，會打開網(wǎng)頁教學(xué)網(wǎng)網(wǎng)站的主頁面。可以看到，頁面中有多個欄目，多條新聞等，最上方不同的欄目就是文字鏈接。

　　鏈接標記雖然在網(wǎng)站設(shè)計制作中占有不可替代的地位，但是其標記只有一個，那就是;a;標記夏普550 錯誤代碼H3-02 。本站介紹的鏈接應(yīng)用都是基于;a;標記基礎(chǔ)上的。

　　鏈接標記的屬性見下表

　　關(guān)于路徑

　　每一個文件都有自己的存放位置和路徑，理解一個文件到要鏈接的那個文件之間的路徑關(guān)系是創(chuàng)建鏈接的根本夏普550 錯誤代碼H3-02 。url—統(tǒng)一資源定位器，指的就是每一個網(wǎng)站都具有的獨立的地址。同一個網(wǎng)站下的每一個網(wǎng)頁都屬于同一個地址之下，但是當創(chuàng)建網(wǎng)頁時，不可能也不需要為每一個鏈接都輸入完全的地址。我們只需要確定當前文檔同站點根目錄之間的相對路徑關(guān)系。因此鏈接可以分為以下3種：

　　絕對路徑

021yin.com

　　相對路徑

　　如news/default.htm

　　根路徑

　　如/website/news/default.htm

　　在了解這三種地址形式前先要理解另外兩個概念：內(nèi)部鏈接和外部鏈接

　　內(nèi)部和外部都是相對于站點文件夾而言，如果鏈接指向的是站點文件夾之內(nèi)的文件，就是內(nèi)部鏈接夏普550 錯誤代碼H3-02 。如果鏈接指向站點文件夾之外的，就被稱做外部鏈接。在添加外部鏈接的時候，將用到下面所講的絕對地址；而添加內(nèi)部鏈接的時候，將用到下面所講的根目錄相對地址和文件相對地址。

　　下面分別介紹這3種鏈接：

　　絕對路徑

　　絕對路徑為文件提供完全的路徑，包括適應(yīng)的協(xié)議，如 。一般常見的有：

021yin.com

　　ftp://202.136.254.1

　　當鏈接到其它網(wǎng)站中的文件時，必須使用絕對鏈接夏普550 錯誤代碼H3-02 。

　　相對路徑

　　相對鏈接最適合網(wǎng)站的內(nèi)部鏈接夏普550 錯誤代碼H3-02 。只要是同一網(wǎng)站之下的，即使不在同一個目錄下，相對鏈接也非常合適。文件相對地址是書寫內(nèi)部鏈接的理想形式。只要是處于站點文件夾之內(nèi)，相對地址可以自由地在文件之間構(gòu)建鏈接。這種地址形式利用的是構(gòu)建鏈接的兩個文件之間的相對關(guān)系，不受站點文件夾所處服務(wù)器位置的影響。因此這種書寫形式省略了絕對地址中的相同部分。這樣做的優(yōu)點是：站點文件夾所在的服務(wù)器地址發(fā)生改變時，文件夾的所有內(nèi)部鏈接(如果采用此種地址形式)都不會出問題。

　　相對鏈接的使用方法為：

　　如果鏈接到同一目錄下，則只需輸入要鏈接文檔的名稱夏普550 錯誤代碼H3-02 。

　　要鏈接到下一級目錄中的文件，只需先輸入目錄名，然后加" / "再輸入文件名夏普550 錯誤代碼H3-02 。

　　如鏈接到上一級目錄中的文件，則先輸入"…/ "，再輸入目錄名、文件名夏普550 錯誤代碼H3-02 。

　　根路徑

　　根目錄相對地址同樣適應(yīng)于創(chuàng)建內(nèi)部鏈接，但大多數(shù)情況下，不建議使用此種地址形式夏普550 錯誤代碼H3-02 。它在下列情況下使用：

　　當站點的規(guī)模非常大夏普550 錯誤代碼H3-02 ，防置于幾個服務(wù)器上時

　　當一個服務(wù)器上同時放置幾個站點時

　　根目錄相對地址的書寫形式也很簡單，首先以一個斜杠開頭，代表根目錄，然后書寫文件夾名，最后書寫文件名夏普550 錯誤代碼H3-02 。根路徑以" / "開始，然后是根目錄下的目錄名。

　　制作內(nèi)部鏈接

　　所謂內(nèi)部鏈接，指的是在同一個網(wǎng)站內(nèi)部，不同的html頁面之間的鏈接關(guān)系夏普550 錯誤代碼H3-02 。在建立網(wǎng)站內(nèi)部鏈接的時候，要考慮到使鏈接具有清晰的導(dǎo)航結(jié)構(gòu)，使用戶方便地找到所需內(nèi)容的html文件。

　　下面我們建立3個網(wǎng)頁頁面，在第一個8-1.htm網(wǎng)頁頁面中，制作到8-1-1.htm和8-1-2.htm兩個頁面的鏈接，并在兩個被鏈接的頁面中制作返回到8-1.htm頁面的鏈接夏普550 錯誤代碼H3-02 。3個頁面的目錄關(guān)系如下所示：

　　8-1.htm和8-1-1.htm存放在網(wǎng)站的根目錄下，8-1-2.htm存放在test目錄下夏普550 錯誤代碼H3-02 。

　　基本語法

　　;a href="File＿name";鏈接文字;/a;

　　語法解釋

　　通過href屬性指定地址，File＿name為要鏈接文件的路徑，"鏈接文字"為鼠標單擊的文字內(nèi)容夏普550 錯誤代碼H3-02 。

　　文件范例：8-1.htm

　　通過;a;標記建立兩個鏈接，分別鏈接到另外兩個html頁面中夏普550 錯誤代碼H3-02 。

　　01 ;!-- ------------------------------ --;

　　02 ;!-- 文件范例：8-1.htm --;

　　03 ;!-- 文件說明：建立內(nèi)部鏈接 --;

　　04 ;!-- ------------------------------ --;

　　05 ;html;

　　06 ;head;

　　07 ;title;建立內(nèi)部鏈接;/title;

　　08 ;/head;

　　09 ;body;

　　10 ;h1;主流的網(wǎng)頁設(shè)計軟件;/h1;

　　11 ;p;目前，網(wǎng)頁技術(shù)進入了一個新的階段，現(xiàn)在的網(wǎng)頁再也不是圖片的堆積和枯燥無味的文本了，人們現(xiàn)在追求的是網(wǎng)頁的動態(tài)效果和交互性夏普550 錯誤代碼H3-02 。而Macromedia公司的網(wǎng)頁設(shè)計三劍客軟件Dreamweaver、Flash、Fireworks正是交互性網(wǎng)頁設(shè)計的杰出代表，其最新版本mx 2004繼承了前期版本的優(yōu)點，進行了功能的進一步整合，非常適合于網(wǎng)頁設(shè)計和網(wǎng)站建設(shè)的需要。;/p;

　　12 ;a href="8-1-1.htm";網(wǎng)頁制作軟件Dreamweaver mx 2004;/a;

　　13 ;br;

　　14 ;a href="test/8-1-2.htm";網(wǎng)頁動畫軟件Flash mx 2004;/a;

　　15 ;/body;

　　16 ;/html;

　　文件說明

　　第12行定義了到8-1-1.htm同級頁面的鏈接，第14行定義了到test目錄下的8-1-2.htm頁面的鏈接夏普550 錯誤代碼H3-02 。

　　文件范例：8-1-1.htm

　　這個文件是"網(wǎng)頁制作軟件Dreamweaver mx 2004"頁面，通過;a;標記建立返回到 8-1.htm頁面的鏈接夏普550 錯誤代碼H3-02 。

　　01 ;!-- ------------------------------ --;

　　02 ;!-- 文件范例：8-1-1.htm --;

　　03 ;!-- 文件說明：內(nèi)部鏈接文件之一 --;

　　04 ;!-- ------------------------------ --;

　　05 ;html;

　　06 ;head;

　　07 ;title;內(nèi)部鏈接文件之一;/title;

　　08 ;/head;

　　09 ;body;

　　10 ;h1;Dreamweaver mx 2004;/h1;

　　11 Dreamweaver mx 2004作為網(wǎng)頁設(shè)計軟件的代表，具有站點管理和頁面制作兩大核心功能夏普550 錯誤代碼H3-02 。如果你也擁有織夢的理想，那么這個軟件無疑是幫助你實現(xiàn)夢想的最好手段。完全的可視化編輯、優(yōu)秀的代碼控制、完整的站點規(guī)劃和管理、超乎尋常的動態(tài)效果設(shè)計，這些都為設(shè)計人員提供了得心應(yīng)手的途徑。mx版本的軟件將動態(tài)網(wǎng)站和傳統(tǒng)的靜態(tài)頁面功能進行了更進一步的整合，無疑為制作網(wǎng)站提供了更多的實現(xiàn)方式。

　　12 ;p;

　　13 ;a href="8-1.htm";返回;/a;

　　14 ;/body;

　　15 ;/html;

　　文件說明

　　第13行定義了到8-1.htm同級頁面的鏈接夏普550 錯誤代碼H3-02 。

　　基本語法

　　;a href="File＿name" target="value";鏈接文字;/a;

　　語法解釋

　　通過target定義目標窗口夏普550 錯誤代碼H3-02 ，value的取值如下表所示

　　10 ;h1;主流的網(wǎng)頁設(shè)計軟件;/h1;

　　11 目前，網(wǎng)頁技術(shù)進入了一個新的階段，現(xiàn)在的網(wǎng)頁再也不是圖片的堆積和枯燥無味的文本了，人們現(xiàn)在追求的是網(wǎng)頁的動態(tài)效果和交互性夏普550 錯誤代碼H3-02 。而Macromweaver公司的網(wǎng)頁設(shè)計三劍客軟件Dreamweaver、Flash、Fireworks正是交互性網(wǎng)頁設(shè)計的杰出代表，其最新版本mx 2004繼承了前期版本的優(yōu)點，進行了功能的進一步整合，非常適合于網(wǎng)頁設(shè)計和網(wǎng)站建設(shè)的需要。;p;

　　12 ;a href="8-1-1.htm" target="_self";網(wǎng)頁制作軟件Dreamweaver mx 2004;/a;

　　13 ;br;

　　14 ;a href="test/8-1-2.htm" target="_blank";網(wǎng)頁動畫軟件Flash mx 2004;/a;

　　15 ;/body;

　　16 ;/html;

　　文件說明

　　第12行定義了在原窗口顯示鏈接頁面，第14行定義了在新開窗口顯示鏈接頁面夏普550 錯誤代碼H3-02 。

　　建立書簽鏈接

　　在瀏覽頁面的時候，如果頁面的內(nèi)容較多、頁面過長，瀏覽的時候需要不斷拖動滾動條，很不方便，如果要尋找特定的內(nèi)容，就更加不方便夏普550 錯誤代碼H3-02 。這時如果能在該網(wǎng)頁或另外一個頁面上建立目錄，瀏覽者單擊目錄上的項目就能自動跳到網(wǎng)頁相應(yīng)的位置進行閱讀，應(yīng)該是件很方便的事，并且還可以在頁面中設(shè)定諸如"返回首頁"的鏈接。這就稱為書簽鏈接。

　　建立書簽鏈接分為兩步：一是建立書簽，二是為書簽建立鏈接夏普550 錯誤代碼H3-02 。

　　下面來制作一個包含網(wǎng)頁設(shè)計三劍客內(nèi)容的軟件介紹頁面，并為其中的每一個軟件建立一個書簽，這個書簽就是隨后將要跳轉(zhuǎn)轉(zhuǎn)的位置夏普550 錯誤代碼H3-02 。也就是說，這個書簽就確定了一個頁面內(nèi)部的鏈接導(dǎo)引依據(jù)。

　　基本語法

　　;a name="name";文字;/a;

　　10 ;h1;主流的網(wǎng)頁設(shè)計軟件;/h1;

　　11 ;a name="dw";;h3;Dreamweaver mx 2004;/h3;;/a;

　　12 Dreamweaver mx 2004作為網(wǎng)頁設(shè)計軟件的代表，具有站點管理和頁面制作兩大核心功能夏普550 錯誤代碼H3-02 。如果你也擁有織夢的理想，那么這個軟件無疑是幫助你實現(xiàn)夢想的最好手段。完全的可視化編輯、優(yōu)秀的代碼控制、完整的站點規(guī)劃和管理、超乎尋常的動態(tài)效果設(shè)計，這些都為設(shè)計人員提供了得心應(yīng)手的途徑。mx版本的軟件將動態(tài)網(wǎng)站和傳統(tǒng)的靜態(tài)頁面功能進行了更進一步的整合，無疑為制作網(wǎng)站提供了更多的實現(xiàn)方式。

　　13 ;p;

　　14 ;a name="fl";;h3;Flash mx 2004;/h3;;/a;

　　15 Flash mx 2004作為網(wǎng)頁矢量交互動畫軟件的代表，提供了圖形繪制、動畫制作和交互三大功能夏普550 錯誤代碼H3-02 。掌握了這個軟件的核心，也就有能力在網(wǎng)上沖浪的同時，充當一把閃客的角色。越來越多的個人、商業(yè)網(wǎng)站采用Flash技術(shù)，廣告banner、動畫片頭、mtv、交互游戲，廣闊的應(yīng)用為Flash的學(xué)習(xí)者提供了廣泛的發(fā)展平臺，學(xué)習(xí)Flash mx 2004軟件更是一個具有誘惑力的過程。

　　16 ;p;

　　17 ;a name="fw";;h3;Fireworks mx 2004;/h3;;/a;

　　18 Fireworks mx 2004作為網(wǎng)頁圖像設(shè)計軟件的代表，在繼承了前期版本圖形繪制、頁面特效功能的同時，大大地發(fā)展了位圖圖像方面的處理功能，這無疑使這個軟件有了更大的向Photoshop挑戰(zhàn)的資本，而其在網(wǎng)頁設(shè)計方面的諸多應(yīng)用，又是無任何軟件可與之媲美夏普550 錯誤代碼H3-02 。與Dreamweaver mx 2004的整合使其在專業(yè)網(wǎng)站圖像設(shè)計過程中，早已并繼續(xù)扮演著不可或缺的角色。

　　19 ;p;

　　20 ;/body;

　　21 ;/html;

　　文件說明

　　第11、14、17行分別定義了3各段落標題文字的書簽名稱dw、fl、fw夏普550 錯誤代碼H3-02 。

　　鏈接同一頁面中的書簽

　　下面我們就為制作的8-3.htm制作好鏈接，我們希望在頁面的起始位置制作3個鏈接，分別鏈接到每一個軟件介紹的位置上夏普550 錯誤代碼H3-02 。

　　基本語法

　　;a href="bookmark＿name";文字鏈接;/a;

　　語法解釋

　　bookmark＿name就是剛剛定義的書簽名稱夏普550 錯誤代碼H3-02 。

　　10 ;h1;主流的網(wǎng)頁設(shè)計軟件;/h1;

　　11 ;a href="#dw";Dreamweaver mx 2004;/a;

　　12 ;a href="#fl";Flash mx 2004;/a;

　　13 ;a href="#fw";Fireworks mx 2004;/a;

　　14 ;a name="dw";;h3;Dreamweaver mx 2004;/h3;;/a;

　　15 Dreamweaver mx 2004作為網(wǎng)頁設(shè)計軟件的代表，具有站點管理和頁面制作兩大核心功能夏普550 錯誤代碼H3-02 。如果你也擁有織夢的理想，那么這個軟件無疑是幫助你實現(xiàn)夢想的最好手段。完全的可視化編輯、優(yōu)秀的代碼控制、完整的站點規(guī)劃和管理、超乎尋常的動態(tài)效果設(shè)計，這些都為設(shè)計人員提供了得心應(yīng)手的途徑。mx 2004版本的軟件將動態(tài)網(wǎng)站和傳統(tǒng)的靜態(tài)頁面功能進行了更進一步的整合，無疑為制作網(wǎng)站提供了更多的實現(xiàn)方式。

　　16 ;p;

　　17 ;a name="fl";;h3;Flash mx 2004;/h3;;/a;

　　18 Flash mx 2004作為網(wǎng)頁矢量交互動畫軟件的代表，提供了圖形繪制、動畫制作和交互三大功能夏普550 錯誤代碼H3-02 。掌握了這個軟件的核心，也就有能力在網(wǎng)上沖浪的同時，充當一把閃客的角色。越來越多的個人、商業(yè)網(wǎng)站采用Flash技術(shù)，廣告banner、動畫片頭、mtv、交互游戲，廣闊的應(yīng)用為Flash的學(xué)習(xí)者提供了廣泛的發(fā)展平臺，學(xué)習(xí)Flash mx 2004軟件更是一個具有誘惑力的過程。

　　19 ;p;

　　20 ;a name="fw";;h3;Fireworks mx 2004;/h3;;/a;

　　21 Fireworks mx 2004作為網(wǎng)頁圖像設(shè)計軟件的代表，在繼承了前期版本圖形繪制、頁面特效功能的同時，大大地發(fā)展了位圖圖像方面的處理功能，這無疑使這個軟件有了更大的向Photoshop挑戰(zhàn)的資本，而其在網(wǎng)頁設(shè)計方面的諸多應(yīng)用，又是無任何軟件可與之媲美夏普550 錯誤代碼H3-02 。與Dreamweaver mx 2004的整合使其在專業(yè)網(wǎng)站圖像設(shè)計過程中，早已并繼續(xù)扮演著不可或缺的角色。

　　22 ;p;

　　23 ;/body;

　　24 ;/html;

　　文件說明

　　第11、12、13行分別定義了到3個段落標題文字的書簽鏈接夏普550 錯誤代碼H3-02 。

　　鏈接到其它頁面中的書簽

　　在頁面之間，也可以完成跳轉(zhuǎn)到另一頁面某一位置的過程夏普550 錯誤代碼H3-02 。這需要指定好鏈接的頁面和鏈接的書簽位置。

　　基本語法

　　;a href="File＿name#bookmark＿name";文字鏈接;/a;

　　語法解釋

　　File＿name是要跳轉(zhuǎn)到的頁面路徑，bookmark＿name是定義的書簽名稱夏普550 錯誤代碼H3-02 。

　　10 ;h1;主流的網(wǎng)頁設(shè)計軟件;/h1;

　　11 目前，網(wǎng)頁技術(shù)進入了一個新的階段，現(xiàn)在的網(wǎng)頁再也不是圖片的堆積和枯燥無味的文本了，人們現(xiàn)在追求的是網(wǎng)頁的動態(tài)效果和交互性夏普550 錯誤代碼H3-02 。而Macromedia公司的網(wǎng)頁設(shè)計三劍客軟件Dreamweaver、Flash、Fireworks正是交互性網(wǎng)頁設(shè)計的杰出代表，其最新版本mx 2004繼承了前期版本的優(yōu)點，進行了功能的進一步整合，非常適合于網(wǎng)頁設(shè)計和網(wǎng)站建設(shè)的需要。;p;

　　12 ;a href="8-4.htm#dw";Dreamweaver mx 2004;/a;

　　13 ;a href="8-4.htm#fl";Flash mx 2004;/a;

　　14 ;a href="8-4.htm#fw";Fireworks mx 2004;/a;

　　15 ;/body;

　　16 ;/html;

　　文件說明

　　第12、13、14行分別定義了到8-4.htm頁面中3個段落標題文字的書簽鏈接夏普550 錯誤代碼H3-02 。

　　外部鏈接

　　所謂外部鏈接，指的是跳轉(zhuǎn)到當前網(wǎng)站外部，與其它網(wǎng)站中頁面或其它元素之間的鏈接關(guān)系夏普550 錯誤代碼H3-02 。這種鏈接在一般情況下需要書寫絕對的鏈接地址。

　　制作外部鏈接的時候，使用url統(tǒng)一資源定位符來定位萬維網(wǎng)信息，這種方式可以簡潔、明了、準確地描述信息所在的地點夏普550 錯誤代碼H3-02 。最常見的url格式是"http://"，其它的格式如表所示。

　　鏈接到外部網(wǎng)站

　　頁面中的常用友情鏈接，經(jīng)常是單擊后可以訪問別人的網(wǎng)站，達到互相交流信息的目的夏普550 錯誤代碼H3-02 。下面就是制作鏈接到外部網(wǎng)站的方法。

　　基本語法

　　;a href=";

　　語法解釋

　　" 。

021yin.com /icd/video.shtml?from=wl