第4章-超文本和超媒體

第4章

超文本和超媒體學(xué)習(xí)目標(biāo)l掌握超文本和超媒體的基本概念了解超文本和超媒體的應(yīng)用了解超文本標(biāo)記語言了解網(wǎng)頁中超文本的實現(xiàn)方法和開發(fā)工具

文本是我們最熟悉的信息表示方式。文章、程序、書、文件等都以文本出現(xiàn)，通常以字、句子、段落、節(jié)、章作為文本內(nèi)容的邏輯單位，而以字節(jié)、行、頁、冊、卷為物理單位。文本的線性結(jié)構(gòu)

文本的最顯著特點是它在組織上是線性的和順序的。這種線性結(jié)構(gòu)體現(xiàn)在你讀文本時只能按固定的線性順序一字一字、一行一行、一頁一頁地讀下去。

科學(xué)研究表明，人類的記憶是一種聯(lián)想式的記憶，它構(gòu)成了人類記憶的網(wǎng)絡(luò)結(jié)構(gòu)，人類記憶的這種聯(lián)想結(jié)構(gòu)不同于文本的結(jié)構(gòu)。人類記憶的互連網(wǎng)狀結(jié)構(gòu)可能有多種途徑，不同的聯(lián)想檢索必然導(dǎo)致不同的訪問路徑。例如，某人對“通訊工具”一詞可能會聯(lián)想到“手機(jī)”.盡管我們對某一對象具有相同的概念，但由于文化基礎(chǔ)和受教育的背景，由于不同時間或不同的地點，產(chǎn)生聯(lián)想結(jié)果就可能是千差萬別的。這種聯(lián)想方式實際上表明了信息的結(jié)構(gòu)及其動態(tài)性。顯然，這種互連的網(wǎng)狀信息結(jié)構(gòu)用普通的文本是無法管理的，必須采用一種比文本更高一層次的信息管理技術(shù)，即超文本（hypertext）。4.1.1超文本與超媒體的概念

人類的記憶是一種具有網(wǎng)狀結(jié)構(gòu)的聯(lián)想式的記憶，具有跳躍式、多層次、多路徑、多方位思維和訪問信息的非線性結(jié)構(gòu)。

超文本是一個類似于人類聯(lián)想思維的一個非線性的網(wǎng)狀結(jié)構(gòu)，它以節(jié)點作為一個信息塊，它采用一種非線性的網(wǎng)狀結(jié)構(gòu)組織信息，把文本按其內(nèi)容固有的獨立性和相關(guān)性劃分成不同的基本信息塊，并且可以按需要用一定的邏輯順序來組織和管理信息。它提供聯(lián)想、跳躍式的查詢能力，極大地提高獲得知識和信息的效率。4.1超文本和超媒體

在超文本數(shù)據(jù)庫內(nèi)部，節(jié)點之間用鏈（Link）連接起來形成網(wǎng)狀結(jié)構(gòu)，如圖所示:

結(jié)點A結(jié)點F結(jié)點E結(jié)點D結(jié)點C結(jié)點B具有6個結(jié)點和9條鏈的超文本結(jié)構(gòu)示意圖以節(jié)點作為信息的單位。一個節(jié)點就可以是一個信息塊，也可以是若干節(jié)點組成一個信息塊。它可以是文本、圖形、圖像、動畫、聲音或它們的組合體。

超文本是由若干內(nèi)部互連的文本塊（或其他信息）組成，這些信息塊可以是計算機(jī)的若干屏，也可以是若干窗口、文件或更小信息塊。這樣一個信息單元就稱為一個節(jié)點（node）。不管節(jié)點有多大，每個節(jié)點都有若干指向其他節(jié)點或從其他節(jié)點指向該節(jié)點的指針，這些指針被稱為鏈（link）。鏈有多種，它連接著兩個節(jié)點，通常是有向的，從一個節(jié)點（稱之為源節(jié)點）指向另一個節(jié)點（稱之為目的節(jié)點）。鏈的數(shù)量通常不是事先固定的，它依賴于每個節(jié)點的內(nèi)容和信息的原始結(jié)構(gòu)。

這里要強(qiáng)調(diào)的不僅僅是“閱讀”，而更重要的是用戶可以主動地決定閱讀節(jié)點的順序。假如讀者是從標(biāo)記為A的文本塊開始閱讀，與單一路徑的文本不同，該超文本結(jié)構(gòu)有三條閱讀路徑擺在讀者面前，即可到B、D或E。如果讀者選擇B，則可以繼續(xù)選擇到C或E，從E又可以到D。當(dāng)然讀者也可以從A選擇直接到D。這個例子表明，在超文本結(jié)構(gòu)中任意兩節(jié)點之間可以有若干條不同的路徑，讀者可以自由的選擇最終沿哪條路徑閱讀文本。

早期超文本系統(tǒng)的表現(xiàn)形式僅是文字的，這就是它被稱為“TEXT”的原因。70年代產(chǎn)生的一個名詞叫“電子圖書”（electronicbook），在書中還有很多圖片和圖形，我們可以在計算機(jī)上聯(lián)想式地閱讀文件，它不僅保存了用紙做存儲媒體的最好的特性，同時又加入了豐富的非線性鏈接，這就促使80年代產(chǎn)生了超媒體（hypermedia）技術(shù)。超媒體不僅可以包含文字，而且還可以包含聲音、圖形、圖像、動畫和視頻片段，這些媒體之間也是用超級鏈接組織的，而且它們之間的鏈接也是錯綜復(fù)雜的。超文本概念的一個簡單示意圖超媒體：把多媒體信息引入超文本，這就產(chǎn)生了多媒體超文本，也即超媒體。即超文本中的接點數(shù)據(jù)不僅是文本，還可以是圖形、圖象、動畫、音頻，甚至計算機(jī)程序或他們的組合。超媒體系統(tǒng)：對超媒體進(jìn)行管理使用的系統(tǒng)。超媒體具有如下的特點：多種媒體信息網(wǎng)絡(luò)結(jié)構(gòu)形式交互特性

4.2超文本系統(tǒng)1.超文本系統(tǒng)的特點：多種媒體信息：節(jié)點可含有文本、圖形、圖像、動畫、聲音和視頻等，使傳播的信息更易于接受和理解，從而達(dá)到更好的效果。

非線性的網(wǎng)狀結(jié)構(gòu)：把各種內(nèi)容和形式的節(jié)點按在現(xiàn)實世界中的聯(lián)系和人們的思維邏輯進(jìn)行組織，成為一個有機(jī)的綜合信息體。交互式信息瀏覽和查詢：用戶可跟隨鏈的走向不斷打開目的節(jié)點，也可以利用已知的字符串關(guān)鍵字對網(wǎng)絡(luò)進(jìn)行搜尋。具有良好的可擴(kuò)充性：各個節(jié)點中的信息可以更新，也可將新節(jié)點加入到超文本結(jié)構(gòu)中或刪除已有的一些節(jié)點。

2.超文本的訪問方式超文本是一種典型的數(shù)據(jù)庫技術(shù)，是由節(jié)點和表達(dá)節(jié)點之間關(guān)系的鏈組成的網(wǎng)。每個節(jié)點都鏈接在其它節(jié)點上，用戶對網(wǎng)進(jìn)行瀏覽、查詢和注釋等操作。超文本是一種接口模型，它采用“控制按鈕”的方式組織接口。這些“按鈕”由作者設(shè)置在正文中，用戶通過按鈕訪問下面的信息?！鞍粹o”就是通常所說的連接節(jié)點之間的“鏈”，從這個角度看，超文本可以看作三個要素的組合：節(jié)點、鏈和網(wǎng)絡(luò)。3.超媒體系統(tǒng)的基本特性體現(xiàn)在：

⑴超媒體的數(shù)據(jù)庫是由“聲、文、圖”類節(jié)點或內(nèi)容組合的節(jié)點組成的網(wǎng)絡(luò)，內(nèi)容具有多媒體化，網(wǎng)狀的信息結(jié)構(gòu)使它的信息表達(dá)接近現(xiàn)實世界。

⑵屏幕中的窗口和數(shù)據(jù)庫中的節(jié)點具有對應(yīng)關(guān)系。⑶超媒體的設(shè)計者可以很容易地按需要創(chuàng)建節(jié)點，刪除節(jié)點，編輯節(jié)點等，同樣也可生成鏈，完成鏈接，刪除鏈接，改變鏈的屬性等操作。⑷用戶可對超媒體進(jìn)行瀏覽和查詢.5具備良好的擴(kuò)充功能，接受不斷更新的超媒體管理和查詢技術(shù)。

4.3超文本與超媒體的示例

超文本與超媒體應(yīng)用在很多領(lǐng)域，如在操作系統(tǒng)Windows中的“幫助”就使用了超文本的方式，還有許多的應(yīng)用，又如：電子百科全書、教學(xué)應(yīng)用的CAI以及旅游信息、軟件工程、娛樂等都有著廣泛的應(yīng)用。假設(shè)有一位總經(jīng)理，他自己有電子記事本，他的秘書根據(jù)他與外商談判的材料按照超文本的結(jié)構(gòu)形式組織好了有關(guān)材料供總經(jīng)理使用。下面借助于下圖來說明。示例一超文本系統(tǒng)的節(jié)點和網(wǎng)絡(luò)結(jié)構(gòu)4.4超文本與超媒體的應(yīng)用隨著多媒體技術(shù)的發(fā)展，超文本與超媒體技術(shù)，具有廣闊的應(yīng)用前景。超文本與超媒體組織和管理信息方式符合人們的“聯(lián)想”思維習(xí)慣。適合于非線性的數(shù)據(jù)組織形式，以它獨特的表現(xiàn)方式，得到了廣泛的應(yīng)用１．多媒體信息管理超媒體被許多人稱為“天然”的多媒體信息管理技術(shù)，這是因為對多媒體信息來說，超媒體的方式更易于反映出媒體之間的聯(lián)系和關(guān)系。在多媒體信息應(yīng)用領(lǐng)域，超媒體技術(shù)可以應(yīng)用于百科全書、詞典等工具書中，也可以應(yīng)用于各種專業(yè)的參考書、科技期刊中。利用超媒體技術(shù)，可以很容易地把浩如煙海的、分散在各處的各種書籍、圖片等進(jìn)行有效的組織，使得用戶使用起來更加方便。現(xiàn)在已經(jīng)開發(fā)出了許多這方面的產(chǎn)品，并且得到了廣泛的歡迎。

２．個人學(xué)習(xí)、工作輔助與辦公自動化超媒體技術(shù)在輔助個人學(xué)習(xí)方面非常有效。如果將學(xué)習(xí)的資料編成固定的形式，雖然可以協(xié)助個人的學(xué)習(xí)，但不能夠適應(yīng)每個人的特點和想法，超媒體化的學(xué)習(xí)資料可以給用戶一個過程的選擇，隨著學(xué)習(xí)的過程，用戶可以隨時地要求解釋和選擇更恰當(dāng)?shù)膶W(xué)習(xí)路徑。特別是對復(fù)雜的學(xué)習(xí)內(nèi)容，超媒體系統(tǒng)不僅可以提供豐富的多媒體化的資料，并以聯(lián)機(jī)求助的方式得到幫助，而且還可以用探索、參與的方式進(jìn)行學(xué)習(xí)，大大地提高學(xué)習(xí)的效率。超媒體化的維修手冊、超媒體化的技術(shù)文檔、方針政策手冊、年度的報告等可以提高工作效率。使用超媒體維修手冊可以針對具體問題得到具體的答案，而不用逐頁的查找有關(guān)數(shù)據(jù)和信息?，F(xiàn)在幾乎每一種計算機(jī)軟件都配有超媒體方式的“求助”系統(tǒng)，特別是那些編程語言、工具等，這種求助系統(tǒng)發(fā)揮了巨大的作用，早期的那種靠大本手冊的工作方式已經(jīng)看不見了。

Apple公司的HyperCard軟件展示了把HyperCard用于辦公室的日常工作的一個方面，它以卡片的形式提供了形象的電話簿、備忘錄、日歷、價格表與文獻(xiàn)摘要等，是應(yīng)用多媒體管理技術(shù)的一個實例。超文本與超媒體應(yīng)用于辦公自動化中，改變了人們傳統(tǒng)的工作方式和思維習(xí)慣，提供人們更為形象、直觀的工作環(huán)境，極大地提高了工作的效益和效率。３．商業(yè)展示、產(chǎn)品廣告和指南超媒體化的產(chǎn)品和廣告、單位的形象介紹、展覽會的展示、旅游和飯店的指南、機(jī)場和車站的查詢機(jī)等都為用戶提供了一種很好的展示方式。這些隨處可見的、用戶可以任意操作的超媒體工具，不僅有利于商業(yè)的效益提高，也大大方便了用戶。４．娛樂（音樂、小說、電影）和休閑超媒體的神化故事、偵探小說、報紙和刊物、家庭菜譜、電子游戲等，為家庭休閑和娛樂開辟了新的途徑?！敖换ナ叫≌f”和“交互式電影”，用超媒體組織素材，由讀者和觀眾自己編輯，按自己的愛好和愿望去改變主人翁的命運和結(jié)局。5.大型文獻(xiàn)資料信息庫由超文本與超媒體技術(shù)獨特優(yōu)點，廣泛應(yīng)用于大型文獻(xiàn)資料信息庫的建設(shè)，目前已經(jīng)研制出來的中英文字典系統(tǒng)，就是按照超文本與超媒體的方式組織和構(gòu)造，它收錄了25萬條目，計4181萬字，186萬個記號，采用這種方式的存儲的30卷百科全書，查詢時間只需幾秒鐘。

6.綜合數(shù)據(jù)庫應(yīng)用在各類工程應(yīng)用中，要求用圖紙、圖形、文字、動畫或視頻表達(dá)概念和設(shè)計，一般數(shù)據(jù)庫系統(tǒng)是無法表達(dá)的，而超文本與超媒體技術(shù)為這類工程提供了強(qiáng)有力的信息管理工具，不少系統(tǒng)已將它應(yīng)用于聯(lián)機(jī)文檔的設(shè)計和軟件項目的管理。7使用戶界面更友好超文本與超媒體不僅是一項信息管理技術(shù)，也是一項界面技術(shù)。圖形用戶接口GUI使用戶桌面由字符命令菜單方式轉(zhuǎn)為圖形菜單方式，而超文本技術(shù)在GUI基礎(chǔ)上再上了一個新臺階，即多媒體用戶口接口MMGUI，不僅數(shù)字和圖形、圖像、動畫、音頻、視頻等信息均能展現(xiàn)在用戶的面前。熱字是文本中被指定具有特殊含義或需進(jìn)一步解釋的字、詞或詞組。示例三:熱元熱元是指這些相對獨立的圖像單位能夠作為信息轉(zhuǎn)移的鏈源。示例二:熱字4.5超文本與超媒體系統(tǒng)的兩個模型超文本和超媒體的系統(tǒng)結(jié)構(gòu)較著名的是1988年Campbell和Goodman提出的HAM模型,另一個是從事超文本標(biāo)準(zhǔn)化研究Dexter小組提出的Dexter模型。這兩個模型是基本相似的，它們都是將超文本和超媒體體系結(jié)構(gòu)分為三個層次。1．HAM模型(用戶接口層)超文本和超媒體的體系結(jié)構(gòu)

4.5超文本與超媒體系統(tǒng)的兩個模型

超文本與超媒體系統(tǒng)就是完成生成并只使用前述超文本或超媒體的軟硬件的總稱。從理論上講可將其劃分為三個層次：表現(xiàn)層——用戶接口；超文本抽象機(jī)層——節(jié)點和鏈；數(shù)據(jù)庫層——存儲、共享數(shù)據(jù)和網(wǎng)絡(luò)訪問。

（1）數(shù)據(jù)庫層

數(shù)據(jù)庫層是三層模型的最低層，涉及所有傳統(tǒng)的有關(guān)信息存儲的問題。實際上這一層并不構(gòu)成超文本系統(tǒng)的特殊性。但是它以龐大的數(shù)據(jù)庫作為基礎(chǔ)，而且在超文本系統(tǒng)中的信息量大，需要存儲的信息量也就大。一般要用到磁盤、光盤等大容量存儲器，或把信息存放在經(jīng)過網(wǎng)絡(luò)訪問的遠(yuǎn)程服務(wù)器上，不管信息如何存放，必須要保證信息的快速存取。

（2）超文本抽象機(jī)層超文本抽象機(jī)層（HypertextAbstactMachine）簡稱HAM，是三層模型中的中間層，這一層決定了超文本系統(tǒng)節(jié)點和鏈的基本特點，記錄了節(jié)點之間鏈的關(guān)系，并保存了有關(guān)節(jié)點和鏈的結(jié)構(gòu)信息。在這一層中可以了解到每個相關(guān)聯(lián)的屬性。例如節(jié)點的“物主”屬性，這一屬性指明該節(jié)點由誰創(chuàng)建的，誰有修改權(quán)限、版本號或關(guān)鍵詞等。（3）用戶接口層（表現(xiàn)層）

表示層又稱為用戶接口層或用戶界面層，也是構(gòu)成超文本系統(tǒng)特殊性的重要表現(xiàn)，并直接影響著超文本系統(tǒng)的成功，可用于處理超文本抽象層中的信息表示，包括判斷用戶的有效命令，節(jié)點和鏈的顯示方式，是否有總體圖解及多媒體信息的表現(xiàn)組織等等。它應(yīng)該具有簡明、直觀、生動、靈活、方便等特點。用戶接口層是超文本和超媒體系統(tǒng)人－機(jī)交互的界面。用戶接口層決定了信息的表現(xiàn)方式、交互操作方式以及導(dǎo)航方式等。

Dexter模型的目標(biāo)是為開發(fā)分布信息之間的交互操作和信息共享提供一種標(biāo)準(zhǔn)或參考規(guī)范。如下圖所示。2.Dexter模型（1）內(nèi)部成員層——內(nèi)部成員層描述超文本中成員的內(nèi)容和結(jié)構(gòu)，對應(yīng)于各個媒體單個應(yīng)用成員。（2）存儲層——存儲層是描述成員和鏈的網(wǎng)絡(luò)。（3）運行層——運行層描述支持用戶和超文本交互作用的機(jī)制，負(fù)責(zé)在運行時處理鏈、錨接口和成員。

4.3超文本系統(tǒng)結(jié)構(gòu)模型Dexter模型

Dexter模型也分為三層：存儲層、運行層和成員內(nèi)部層，各層之間通過定義好接口互相連接。運行層表現(xiàn)規(guī)范存儲層錨定機(jī)制成員內(nèi)部層存儲層

描述超文本中的結(jié)點成員之間的網(wǎng)狀關(guān)系。每個成員都有一個唯一的標(biāo)識符，稱為UID。，存儲層定義了訪問函數(shù)，通過UID可以直接訪問到該成員，還定義了由多個函數(shù)組成的操作集合，用于實時地對超文本系統(tǒng)進(jìn)行訪問和修改。

成員內(nèi)部層

描述超文本中各個成員的內(nèi)容和結(jié)構(gòu)，對應(yīng)于各個媒體單個應(yīng)用成員。從結(jié)構(gòu)上，成員可由簡單結(jié)構(gòu)和復(fù)雜結(jié)構(gòu)。簡單結(jié)構(gòu)就是每個成員內(nèi)部僅由同一種數(shù)據(jù)媒體構(gòu)成，復(fù)雜結(jié)構(gòu)的成員內(nèi)部又由各個子成員構(gòu)成。

運行層

描述支持用戶和超文本交互作用的機(jī)制，它可直接訪問和操作在存儲層和成員層內(nèi)部層定義的網(wǎng)狀數(shù)據(jù)模型。運行層為用戶提供友好的界面。

表現(xiàn)規(guī)范

介于存儲層和運行層之間的接口稱為表現(xiàn)規(guī)范，它規(guī)定了同一數(shù)據(jù)呈現(xiàn)給用戶的不同表現(xiàn)性質(zhì)，確定了各個成員在不同用戶訪問時表現(xiàn)的視圖和操作權(quán)限等內(nèi)容。

錨定機(jī)制

存儲層和內(nèi)部成員之間的接口稱為錨定機(jī)制，其基本成分是錨（anchor），錨由兩部分組成：錨號和錨值，完成存儲層到成員內(nèi)部層、成員內(nèi)部層到存儲層的檢索定位過程。

錨號：每個錨的標(biāo)識符，錨值：元素內(nèi)部的位置和子結(jié)構(gòu)。

3.超文本與超媒體的組成要素（1）節(jié)點超文本是由節(jié)點和鏈構(gòu)成的信息網(wǎng)絡(luò)。節(jié)點是表達(dá)信息的單位，是圍繞一個特殊主題組織起來和數(shù)據(jù)集合。節(jié)點的內(nèi)容可是文本、圖形、圖像、動畫、音頻、視頻等，也可以是一般計算機(jī)程序。節(jié)點分為兩種類型：一種稱為表現(xiàn)型，記錄各種媒體信息，表現(xiàn)型節(jié)點按其內(nèi)容的不同又可分為許多類別，如文本節(jié)點和圖文節(jié)點等；另一種稱為組織型，用于組織并記錄節(jié)點間的聯(lián)結(jié)關(guān)系，它實際起索引目錄的作用，是連結(jié)超文本網(wǎng)絡(luò)結(jié)構(gòu)的紐帶，即組織節(jié)點的節(jié)點。節(jié)點的基本類型節(jié)點的基本類型歸納如下：⑴文本節(jié)點⑵圖形節(jié)點⑶圖像節(jié)點⑷音頻節(jié)點⑸視頻節(jié)點⑹混合媒體節(jié)點

⑺按鈕節(jié)點⑻組織型節(jié)點⑼推理型節(jié)點節(jié)點是表達(dá)信息的基本單位，是圍繞一個特殊主題組織信息的最基本單元。節(jié)點內(nèi)容包含對媒體數(shù)據(jù)屬性的描述和表現(xiàn)方法。常見的節(jié)點有文本節(jié)點，圖像節(jié)點和圖形節(jié)點，動畫節(jié)點和視頻節(jié)點，音頻節(jié)點和按鈕節(jié)點，統(tǒng)稱為媒體節(jié)點。另外還有組織節(jié)點、推理型節(jié)點等。節(jié)點節(jié)點是表達(dá)信息的基本單位，可以是文本、圖像、視頻、音頻、動畫或一段計算機(jī)程序等各種媒體信息以及它們的組合，其內(nèi)容還包括對媒體數(shù)據(jù)屬性的描述和表現(xiàn)方法。節(jié)點可以按不同方式分類

(1)按照表現(xiàn)形式可分為兩類：基于框架和基于窗口。

(2)按照結(jié)構(gòu)可分為原子節(jié)點、復(fù)合節(jié)點和包含節(jié)點。

(3)按照狀態(tài)可分為靜態(tài)節(jié)點和動態(tài)節(jié)點。

(4)按照用途可分為操作型、組織型和推理型三類節(jié)點。鏈鏈，又稱超鏈(HyperLink)，是超媒體的組成部分。它將節(jié)點鏈接在一起，描述節(jié)點之間的關(guān)系。鏈具有方向性，由三個部分組成：鏈源、鏈宿以及鏈的屬性。一個鏈的起端稱為鏈源，表現(xiàn)為一個節(jié)點中的“點”或“域”，通過它可以訪問另一節(jié)點，是導(dǎo)致節(jié)點信息遷移的原因。鏈宿是鏈的目的，一般指節(jié)點，也可以是其他媒體對象。鏈的屬性決定鏈的類型，這是鏈的主要特性，另外還有一般屬性，如鏈的類型、版本和權(quán)限等。當(dāng)鏈的屬性很強(qiáng)時，鏈可以作為獨立的實體，如類型鏈等。鏈還可以分為顯形鏈和隱形鏈，基本結(jié)構(gòu)鏈和索引鏈屬于顯形鏈。鏈根據(jù)超鏈的特點及功能，鏈可以分為基本結(jié)構(gòu)鏈、組織鏈和推理鏈三大類型。 （1）基本結(jié)構(gòu)鏈：是一種由超媒體系統(tǒng)作者事先說明的，具有固定明確特點的實鏈?；窘Y(jié)構(gòu)鏈又可以分為基本鏈、交叉索引鏈和節(jié)點內(nèi)注釋鏈三種類型。 （2）組織鏈和推理鏈 組織鏈和推理鏈可以分為索引鏈、蘊含鏈和執(zhí)行鏈?；窘Y(jié)構(gòu)鏈 基本鏈用來建立節(jié)點之間基本順序的鏈，它使信息在總體上呈現(xiàn)出層次結(jié)構(gòu)。基本鏈的鏈源和鏈宿都是節(jié)點，它決定節(jié)點的固定順序?；炬溣挚梢苑譃椋喉樞蜴?、結(jié)構(gòu)鏈、查詢鏈、移動鏈、縮放鏈、全景鏈和視圖鏈。順序鏈?zhǔn)菍⒊谋净蛘叱襟w節(jié)點按最基本的先后順序排成一個隊列。各節(jié)點之間呈現(xiàn)出線性結(jié)構(gòu)?；窘Y(jié)構(gòu)鏈交叉索引鏈將節(jié)點連結(jié)成交叉的網(wǎng)狀結(jié)構(gòu)組織鏈和推理鏈組織鏈和推理鏈可以分為索引鏈、蘊含鏈和執(zhí)行鏈。索引鏈將用戶從一個索引節(jié)點引到該節(jié)點相應(yīng)的索引入口。索引用于與數(shù)據(jù)庫的接口及查找共享同一索引項的文獻(xiàn)。蘊含鏈用于連接推理樹中的事實。執(zhí)行鏈?zhǔn)且环N將執(zhí)行活動與按鈕節(jié)點相連的特殊節(jié)點。推理鏈?zhǔn)且环N虛鏈或稱之為動態(tài)鏈。超文本信息網(wǎng)絡(luò)是由節(jié)點和鏈構(gòu)成的一個有向信息網(wǎng)絡(luò)，這種信息網(wǎng)絡(luò)類似于人工智能中的語義網(wǎng)絡(luò)，語義網(wǎng)是一種知識表示方法，其中節(jié)點表示概念，而節(jié)點之間的弧表示兩個概念之間的關(guān)系。超媒體中的網(wǎng)絡(luò)結(jié)構(gòu)不僅僅提供了知識、信息，同時還包含對知識信息的分析和推理。如果網(wǎng)絡(luò)中節(jié)點內(nèi)不僅有文本，而且還包含有圖形、動畫、聲音及它們的組合等多種信息，即為超媒體網(wǎng)絡(luò)。熱標(biāo)熱標(biāo)是超媒體中特有的元素，它確定相關(guān)信息的鏈源，通過它可以引起相關(guān)內(nèi)容的轉(zhuǎn)移。熱標(biāo)可分為熱字、熱區(qū)、熱元、熱點和熱屬性五類熱字 熱字往往存在于文本當(dāng)中，把需要進(jìn)一步解釋和含有特殊含義的字、詞或詞組做成帶下劃線和特別顏色，與其他內(nèi)容區(qū)別開來，而各保留字和轉(zhuǎn)移目的卻不顯示出來，讀者通過點擊這些熱字可得到進(jìn)一步的解釋和說明。據(jù)了解，目前廣東鐵青已率先推出了前往包頭，途經(jīng)呼和浩特的火車旅游路線――“內(nèi)蒙響沙灣、山西太原、平遙古城、云崗石窟、五臺山空調(diào)雙臥9天”，熱標(biāo)熱區(qū) 熱區(qū)是在圖像等靜態(tài)視覺媒體節(jié)點中某一感興趣的區(qū)域，作為觸發(fā)轉(zhuǎn)移的源點。通常使鼠標(biāo)標(biāo)志在進(jìn)入熱區(qū)時變形為一種多邊形，用戶便知道可以轉(zhuǎn)移到另一幅能夠更詳盡地描述當(dāng)前圖像部位的新圖片。下圖所示就是網(wǎng)頁中一幅由分為多個熱區(qū)的地圖，對于不同的省份，對應(yīng)的地方就是一個熱區(qū)，當(dāng)單擊某個熱區(qū)時，就會打開對應(yīng)省份的詳細(xì)信息的目標(biāo)節(jié)點。熱標(biāo)

熱元 主要用于圖形節(jié)點。由于圖形的最基本單位是圖元(如一個圖、一條線、一個圓等)，當(dāng)圖形在超媒體頁面中移動時，圖元跟著移動。如果為了在另一幅圖形中詳細(xì)描述本圖形的某一部分，便可用熱元的形式與轉(zhuǎn)換的目標(biāo)圖形相鏈接。熱元在CAD工程設(shè)計中的建筑圖注釋、機(jī)器設(shè)備聯(lián)機(jī)維護(hù)手冊等方面有廣泛的用途。熱標(biāo)

下圖則是網(wǎng)頁上利用圖像作為一組熱元的示例，單擊某一個圖片就可以打開相應(yīng)的目標(biāo)節(jié)點窗口。熱標(biāo)

熱點 熱點是對于具有時間特性的媒體節(jié)點而言的，如動畫、視頻、聲音節(jié)點，如果用戶對其中某一段時間內(nèi)的信息感興趣，就記錄下這段時間的起止，把這一段（或幾幀）信息稱為熱點。比如有一段視頻影像介紹黃山上的四季美景。用戶想要了解仲秋時節(jié)景象，可在時間軸上設(shè)定一個[b,a,c]的敏感區(qū)間，其中a為仲秋時節(jié)，b、a、c按時間順序排列。那么，用戶觸發(fā)了[b,a,c]區(qū)間內(nèi)任一點都有效，都可以調(diào)出仲秋附近季節(jié)黃山的景色熱標(biāo)

熱屬性 熱屬性是將關(guān)系數(shù)據(jù)庫中的屬性作為熱標(biāo)來使用。由于數(shù)據(jù)媒體是一種特定的格式化符號數(shù)據(jù)，故可把熱標(biāo)定為一個屬性，用特定的保留屬性字方法指明熱標(biāo)觸發(fā)后表現(xiàn)的內(nèi)容。如用IMAGE屬性表示后繼各元組中該屬性字符為圖像對象名。屬性中的元組有多個，每個元組又對應(yīng)不同的內(nèi)容，所以在把屬性當(dāng)作熱標(biāo)時，要對每一個元組都指明不同的鏈。

帶熱字的文本

4.4網(wǎng)頁中超文本的實現(xiàn)

4.4.1WWW技術(shù)的基本概念1．WWW的工作方式發(fā)出請求發(fā)回網(wǎng)頁WWW中的超文本和超媒體

Internet已經(jīng)有20多年的歷史了，近幾年出現(xiàn)了Internet熱，這主要應(yīng)歸功于Web。Internet提供了世界范圍內(nèi)網(wǎng)絡(luò)互連和通信功能，Web則是一個環(huán)球信息資源庫。

我們知道超媒體系統(tǒng)建立的鏈接關(guān)系是文本、聲音、圖形、圖像、動畫和視頻片段之間的鏈接關(guān)系。當(dāng)我們使用Web瀏覽器瀏覽因特網(wǎng)時，在顯示屏幕上看到的頁面稱為網(wǎng)頁（WebPage），它是Web站點上的文檔。而進(jìn)入該站點時在屏幕上顯示的第一個綜合界面稱為起始頁（homepage）或者稱為主頁，它有一點像一本書的封面或書上的目錄表。Web由無數(shù)的頁面(homepage)組成，頁面上的信息包羅萬象，而且時時在增加，天天在更新。

WWW(WorldWideWeb)是信息發(fā)現(xiàn)技術(shù)和超媒體技術(shù)的綜合，它以基于客戶/服務(wù)器的工作方式，通過超文本文獻(xiàn)，把全世界Internet上不同地點的相關(guān)信息有機(jī)地結(jié)合了起來，并提供了聯(lián)想式導(dǎo)航瀏覽手段。在WWW上，豐富的超文本文獻(xiàn)集合被放在各個WWW服務(wù)器上。WWW的服務(wù)器將信息組織成為分布式的超文本，這些信息的節(jié)點為文本、圖像、子目錄或信息指針。

而WWW的客戶程序成為瀏覽器，運行在客戶機(jī)上，利用超文本傳輸協(xié)議向服務(wù)器發(fā)出請求，訪問服務(wù)器上的超文本和超媒體信息，并在客戶端上以多媒體的形式表現(xiàn)出來。支持WWW客戶/服務(wù)器的協(xié)議主要有兩個：超文本傳輸協(xié)議(HyperTextTransferProtocol,HTTP)。它為客戶/服務(wù)器通信提供了聯(lián)絡(luò)方式及信息傳送格式。超文本標(biāo)記語言(HyperTextMarkupLanguage,HTML)。它是一種用戶與程序都能理解的語言，它是為文獻(xiàn)提供表現(xiàn)界面與超文本鏈接的標(biāo)記語言。

超文本傳輸協(xié)議HTTP最初只是一個面向?qū)ο蟮膽?yīng)用級協(xié)議，并非專用于超文本／超媒體的傳輸，但其精巧快速，特別是通用、無狀態(tài)性以及面向?qū)ο蟮奶攸c，使之非常適合于分布式協(xié)作化的超文本／超媒體系統(tǒng)，因此取名為超文本傳輸協(xié)議。SGMLHTMLXMLVRML

4.4.2超文本標(biāo)記語言

的常用術(shù)語

1）URL（統(tǒng)一資源定位符）

2）網(wǎng)頁

3）網(wǎng)站

4）主頁（首頁）

在我們認(rèn)識HTTP之前，有必要先弄清楚URL的組成,例如：http:///china/index.html。它的含義如下：

1.http://：代表超文本傳輸協(xié)議，通知服務(wù)器顯示W(wǎng)eb頁，通常不用輸入；

2.www：代表一個Web（萬維網(wǎng)）服務(wù)器；

3./：這是裝有網(wǎng)頁的服務(wù)器的域名，或站點服務(wù)器的名稱；

4.China/：為該服務(wù)器上的子目錄，就好像我們的文件夾；

5.Index.html：index.html是文件夾中的一個HTML文件（網(wǎng)頁）。既然我們明白了URL的構(gòu)成，那么HTTP是怎么工作呢？我們接下來就要討論這個問題。

一次HTTP操作稱為一個事務(wù)，其工作過程可分為四步：

首先客戶機(jī)與服務(wù)器需要建立連接。只要單擊某個超級鏈接，HTTP的工作就開始了。

建立連接后，客戶機(jī)發(fā)送一個請求給服務(wù)器，請求方式的格式為：統(tǒng)一資源標(biāo)識符（URL）、協(xié)議版本號，后邊是MIME信息包括請求修飾符、客戶機(jī)信息和可能的內(nèi)容。

服務(wù)器接到請求后，給予相應(yīng)的響應(yīng)信息，其格式為一個狀態(tài)行，包括信息的協(xié)議版本號、一個成功或錯誤的代碼，后邊是MIME信息包括服務(wù)器信息、實體信息和可能的內(nèi)容。

客戶端接收服務(wù)器所返回的信息通過瀏覽器顯示在用戶的顯示屏上，然后客戶機(jī)與服務(wù)器斷開連接。

如果在以上過程中的某一步出現(xiàn)錯誤，那么產(chǎn)生錯誤的信息將返回到客戶端，有顯示屏輸出。對于用戶來說，這些過程是由HTTP自己完成的，用戶只要用鼠標(biāo)點擊，等待信息顯示就可以了。

許多HTTP通訊是由一個用戶代理初始化的并且包括一個申請在源服務(wù)器上資源的請求。最簡單的情況可能是在用戶代理和服務(wù)器之間通過一個單獨的連接來完成。在Internet上，HTTP通訊通常發(fā)生在TCP/IP連接之上。缺省端口是TCP80，但其它的端口也是可用的。但這并不預(yù)示著HTTP協(xié)議在Internet或其它網(wǎng)絡(luò)的其它協(xié)議之上才能完成。HTTP只預(yù)示著一個可靠的傳輸。

這個過程就好像我們打電話訂貨一樣，我們可以打電話給商家，告訴他我們需要什么規(guī)格的商品，然后商家再告訴我們什么商品有貨，什么商品缺貨。這些，我們是通過電話線用電話聯(lián)系（HTTP是通過TCP/IP），當(dāng)然我們也可以通過傳真，只要商家那邊也有傳真

基于HTTP協(xié)議的客戶/服務(wù)器模式的信息交換過程，它分四個過程：建立連接、發(fā)送請求信息、發(fā)送響應(yīng)信息、關(guān)閉連接。HTTP的含義及其作用

HTTP是超文本傳輸協(xié)議，是客戶端瀏覽器或其他程序與Web服務(wù)器之間的應(yīng)用層通信協(xié)議。在Internet上的Web服務(wù)器上存放的都是超文本信息，客戶機(jī)需要通過HTTP協(xié)議傳輸所要訪問的超文本信息。HTTP包含命令和傳輸信息，不僅可用于Web訪問，也可以用于其他因特網(wǎng)/內(nèi)聯(lián)網(wǎng)應(yīng)用系統(tǒng)之間的通信，從而實現(xiàn)各類應(yīng)用資源超媒體訪問的集成。SGML

標(biāo)準(zhǔn)通用標(biāo)記語言（StandardGeneralizedMarkupLanguage，SGML）是1986年出版發(fā)布的一個信息管理方面的國際標(biāo)準(zhǔn)，標(biāo)準(zhǔn)號是ISO8879。該標(biāo)準(zhǔn)定義獨立于平臺和應(yīng)用的文本文檔的格式、索引和鏈接信息，為用戶提供一種類似于語法的機(jī)制，用來定義文檔的結(jié)構(gòu)和指示文檔結(jié)構(gòu)的標(biāo)簽（tag）。

SGML規(guī)定了在文檔中嵌入描述標(biāo)記的標(biāo)準(zhǔn)格式，指定了描述文檔結(jié)構(gòu)的標(biāo)準(zhǔn)方法。也就是說，可以使用SGML為創(chuàng)作的每一種類型的文檔設(shè)置層次結(jié)構(gòu)模型，可以用篇、章、節(jié)、標(biāo)題等描述標(biāo)記來標(biāo)識文檔結(jié)構(gòu)中的文檔元素。SGML是一個包含超文本鏈接（hypertextlinks）的綜合語言，在Web上使用的HTML格式是使用固定標(biāo)簽集的一種SGML文檔。

SGML的主要特點是：它不僅可以支持無數(shù)的文檔結(jié)構(gòu)類型，如布告、技術(shù)手冊、章節(jié)、目錄、設(shè)計規(guī)范、各種報告、信函和備忘錄等，還可以創(chuàng)建與特定的軟硬件無關(guān)的文檔，方便不同計算機(jī)系統(tǒng)的用戶交換文檔。

HTML

超文本標(biāo)記語言（HyperTextMarkupLanguage，HTML）是一種用來創(chuàng)作萬維網(wǎng)頁面的描述語言。是表示網(wǎng)頁的一種規(guī)范，HTML使用HTML標(biāo)簽來定義文檔的格式、組成和鏈接關(guān)系，如字形、字體、表單、標(biāo)題和統(tǒng)一資源地址（UniformResourceLocator,URL）等。HTML是從SGML導(dǎo)出的語言，是SGML的一個子集。使用HTML創(chuàng)作的文檔是一套固定標(biāo)簽的SGML文檔。超文本標(biāo)記語言

HTML（HypertextMarkupLanguage）稱為超文本標(biāo)記語言，是用來編寫網(wǎng)頁的一種語言，其是構(gòu)成網(wǎng)頁的主要元素。

HTML不是編程語言，而是標(biāo)記語言。其沒有編程語言條件判斷和循環(huán)控制結(jié)構(gòu)，有的只是許許多多的標(biāo)記符。

HTML通過在網(wǎng)頁中添加標(biāo)記符，來告訴瀏覽器如何顯示所標(biāo)記的內(nèi)容，即標(biāo)記符的作用是確定所標(biāo)記內(nèi)容的顯示格式和方式。

HTML是一種用來制作超文本文檔的簡單標(biāo)記語言。用HTML編寫的超文本文檔稱為HTML文檔，它能獨立于各種操作系統(tǒng)平臺（如UNIX、WINDOWS等）。通過標(biāo)記符定義了網(wǎng)頁內(nèi)容的顯示。例如：用<table>標(biāo)記符在網(wǎng)頁上定義一個表格。HTML文檔（即網(wǎng)頁的源文件）是一個放置了標(biāo)記的ASCII文本文件，通常它帶有.html或.htm的文件擴(kuò)展名。

超文本標(biāo)記語言

1.超文本標(biāo)記語言HTML 1.HTML基本語法

2.HTML特點

3.HTML的應(yīng)用

2.XML 1.概述

2.XML的基本組成HTML標(biāo)記語句

HTML語句由標(biāo)記符和被標(biāo)記的內(nèi)容組成。<標(biāo)記符>受標(biāo)記影響的內(nèi)容</標(biāo)記符>

起始標(biāo)記符結(jié)束標(biāo)記符

HTML中標(biāo)記語句的一般格式為：HTML標(biāo)記語句

<標(biāo)記符>受標(biāo)記影響的內(nèi)容</標(biāo)記符>

例1：

<U>山西大同大學(xué)</U>其作用是在“山西大同大學(xué)”下面加下劃線。HTML標(biāo)記語句

<標(biāo)記符>受標(biāo)記影響的內(nèi)容</標(biāo)記符>

例2：

<B>山西大同大學(xué)</B>其作用是將“山西大同大學(xué)”加粗顯示。HTML標(biāo)記語句

<標(biāo)記符>受標(biāo)記影響的內(nèi)容</標(biāo)記符>

例3：

<U><B>山西大同大學(xué)</B></U>其作用是將“山西大同大學(xué)”加粗并加下劃線。標(biāo)記符可以嵌套使用，如：HTML標(biāo)記語句

<標(biāo)記符>受標(biāo)記影響的內(nèi)容</標(biāo)記符>

<標(biāo)記符屬性名1=屬性值1…>受標(biāo)記影響內(nèi)容</標(biāo)記符>如果需要進(jìn)一步控制被標(biāo)記內(nèi)容的顯示方式，還可以為標(biāo)記符指定屬性。其格式如下:

例4：

<fontsize=6>山西大同大學(xué)</font>

HTML文檔的基本結(jié)構(gòu)

<html><head><title>

這里是網(wǎng)頁的標(biāo)題,顯示在瀏覽器的標(biāo)題欄中

</title></head><body>

這里是網(wǎng)頁的正文,可以包含文本、圖片、超鏈接、

各種格式描述、客戶端和服務(wù)端的腳本代碼等。

</body></html>頭部正文常用的HTML標(biāo)記

該標(biāo)記用于定義網(wǎng)頁的標(biāo)題，<title>與</title>之間的內(nèi)容將顯示在瀏覽器的標(biāo)題欄中。<html><head><title>HTML超文本標(biāo)記語言</title></head><body>……</body></html>1.網(wǎng)頁的頭部標(biāo)記<title>……</title>

常用的HTML標(biāo)記

2.網(wǎng)頁的主體標(biāo)記

<body>用于標(biāo)記網(wǎng)頁的主體部分。在<body>和</body>之間包含網(wǎng)頁中可以顯示出來的各對象的標(biāo)記語句。

<body>標(biāo)記包含如下屬性：bgcolor:設(shè)置背景顏色。background:設(shè)置背景圖片。text:設(shè)置網(wǎng)頁中文本的顏色。link：設(shè)置普通超鏈接顏色。vlink：設(shè)置訪問過鏈接顏色。alink：設(shè)置活動超鏈接顏色。常用的HTML標(biāo)記

2.網(wǎng)頁的主體標(biāo)記如：<bodybackground=“beijing.jpg”>格式：background=“圖片文件的文件名”

其中：圖片的文件名要加上必要的路徑；并且要用英文單角的雙引號括起來。常用的HTML標(biāo)記

2.網(wǎng)頁的主體標(biāo)記如：<bodybgcolor=red>常用的HTML標(biāo)記

2.網(wǎng)頁的主體標(biāo)記如：<bodybgcolor=red>顏色值有兩種表示方法：用“#”引導(dǎo)的一個六位十六進(jìn)制數(shù)代碼（分別代表紅、綠、藍(lán)分量）表示；用英文顏色名表示常用的HTML標(biāo)記

2.網(wǎng)頁的主體標(biāo)記常用的HTML標(biāo)記

3.HTML文本標(biāo)記字體格式標(biāo)記

<font>標(biāo)記用來設(shè)置字體格式，包括字體、大小和顏色，其一般格式為：<fontsize=數(shù)字face=字體名color=顏色>被設(shè)置的文字

</font>

face屬性用來設(shè)置字體，這里的“字體名”就是在Word的“常用”工具欄的“字體”列表框中顯示的字體名。常用的HTML標(biāo)記

3.HTML文本標(biāo)記字體格式標(biāo)記

<font>標(biāo)記用來設(shè)置字體格式，包括字體、大小和顏色，其一般格式為：<fontsize=數(shù)字face=字體名color=顏色>被設(shè)置的文字</font>如：<fontsize=4face=“隸書”color=yellow>政法學(xué)院</font>常用的HTML標(biāo)記

3.HTML文本標(biāo)記標(biāo)題標(biāo)記

標(biāo)題是一段有加強(qiáng)效果的文字，標(biāo)題標(biāo)記的格式為：<Hnalign=對齊方式>標(biāo)題文字</Hn>

其中n代表標(biāo)題的級別，用來指定標(biāo)題文字的大小，可以取1～6之間的整數(shù)值，取1時文字最大，取6時文字最小。標(biāo)題文字自動加粗。

屬性align用來設(shè)置標(biāo)題在頁面中的對齊方式，取值有：left（左對齊）、center（居中）和right（右對齊）。常用的HTML標(biāo)記

3.HTML文本標(biāo)記標(biāo)題標(biāo)記

標(biāo)題是一段有加強(qiáng)效果的文字，標(biāo)題標(biāo)記的格式為：<Hnalign=對齊方式>標(biāo)題文字</Hn>如：<h1align=center>計算機(jī)系</h1>常用的HTML標(biāo)記

4.段落標(biāo)記換行標(biāo)記

使用<br>標(biāo)記實現(xiàn)換行，該標(biāo)記前后的文字成為兩行，但兩行仍為一段。如：山西大同大學(xué)<br>計算機(jī)系常用的HTML標(biāo)記

4.段落標(biāo)記分段標(biāo)記

使用<p>標(biāo)記實現(xiàn)分段，<p>和</p>之間為一段,其一般格式為：<palign=對齊方式>段中文字</p>

屬性align用來設(shè)置段落在頁面中的對齊方式，取值有：left（左對齊）、center（居中）和right（右對齊）。常用的HTML標(biāo)記

4.段落標(biāo)記分段標(biāo)記

使用<p>標(biāo)記實現(xiàn)分段，<p>和</p>之間為一段,其一般格式為：如：<palign=center>山西大同大學(xué)<palign=left>計算機(jī)系</p><palign=對齊方式>段中文字</p>常用的HTML標(biāo)記

5.圖像標(biāo)記網(wǎng)頁中圖片的顯示使用<img>標(biāo)記，其格式如下：<img

src=文件名alt=說明width=xheight=yborder=nhspace=hvspace=valign=對齊方式>src:設(shè)置要顯示圖片的文件名。alt:設(shè)置當(dāng)鼠標(biāo)指向圖片時的替代文字。Width、Height

:設(shè)置圖片的寬度、高度。Border:設(shè)置邊框的粗細(xì)。Hspace、vspace:設(shè)置圖片水平、上下的空白。Align:設(shè)置圖片相對于周圍文字的對齊方式。常用的HTML標(biāo)記

5.圖像標(biāo)記網(wǎng)頁中圖片的顯示使用<img>標(biāo)記，其格式如下：<img

src=文件名alt=說明width=xheight=yborder=nhspace=hvspace=valign=對齊方式>如：<img

src=“tup1.jpg”>常用的HTML標(biāo)記

5.圖像標(biāo)記網(wǎng)頁中圖片的顯示使用<img>標(biāo)記，其格式如下：<img

src=文件名alt=說明width=xheight=yborder=nhspace=hvspace=valign=對齊方式>如：<img

src=“tup1.jpg”alt=“圖書”align=left>常用的HTML標(biāo)記

5.圖像標(biāo)記網(wǎng)頁中圖片的顯示使用<img>標(biāo)記，其格式如下：<img

src=文件名alt=說明width=xheight=yborder=nhspace=hvspace=valign=對齊方式>圖片相對于文字的對齊方式Align的取值如下：Left:圖片位于文字的左面；Right:圖片位于文字的右面；Top;圖片的頂端與文字對齊；Middle:圖片的中央與文字對齊；Bottom圖片的端與文字對齊常用的HTML標(biāo)記

5.超鏈接標(biāo)記網(wǎng)頁中的超鏈接使用<A>標(biāo)記，其格式如下：<Ahref=“URL”

target=打開窗口方式>超鏈接源</A>href:指出要鏈接到的網(wǎng)頁的URL地址。target:指出打開鏈接到網(wǎng)頁的方式，其取值如下：

_blank:在新窗口顯示鏈接到的網(wǎng)頁的內(nèi)容；

_self:在原有窗口顯示鏈接到的網(wǎng)頁的內(nèi)容。常用的HTML標(biāo)記

5.超鏈接標(biāo)記網(wǎng)頁中的超鏈接使用<A>標(biāo)記，其格式如下：<Ahref=“URL”

target=打開窗口方式>超鏈接源</A>超鏈接源可以是文字，也可以是圖片常用的HTML標(biāo)記

5.超鏈接標(biāo)記網(wǎng)頁中的超鏈接使用<A>標(biāo)記，其格式如下：<Ahref=“URL”

target=打開窗口方式>超鏈接源</A>如：<Ahref=“http://”target=“_blank”>河北政法職業(yè)學(xué)院</A><Ahref=“”><img

src=“tup2.jpg”></A>常用的HTML標(biāo)記

6.表格標(biāo)記

表格的標(biāo)記為<table>…</table>，行的標(biāo)記為<tr>…</tr>，表項(列)的標(biāo)記為<td>…</td>、表頭的標(biāo)記為<th>…</th>。表格標(biāo)記的一般格式：<tablealign=left|center|rightborder=nwidth=x|x%height=y|y%><tr><th>表頭1<th>表頭2…<th>表頭n<tr><td>表項1<td>表項2…<td>表項n……<tr><td>表項1<td>表項2…<td>表項n</table>

其中，<table>…</table>標(biāo)記則必須成對使用,</tr>、</td>、</th>可以省去。常用的HTML標(biāo)記

6.表格標(biāo)記

表格的標(biāo)記為<table>…</table>，行的標(biāo)記為<tr>…</tr>，表項(列)的標(biāo)記為<td>…</td>、表頭的標(biāo)記為<th>…</th>。表格標(biāo)記的一般格式：<tablealign=left|center|rightborder=nwidth=x|x%height=y|y%><tr><th>表頭1<th>表頭2…<th>表頭n<tr><td>表項1<td>表項2…<td>表項n……<tr><td>表項1<td>表項2…<td>表項n</table>

<th>和<td>都是標(biāo)記列的，<th>標(biāo)記的文字按粗體顯示，屬于“表頭”，<td>標(biāo)記的文字按正常字體顯示，屬于表項。常用的HTML標(biāo)記

6.表格標(biāo)記如：<tablealign=centerborder=1width=300><tr><th>序號</th><th>姓名</th><th>成績</th></tr><tr><td>1</td><td>張三</td><td>80</td></tr><tr><td>2</td><td>李四</td><td>90</td></tr></table>常用的HTML標(biāo)記

6.表格標(biāo)記如：<tablealign=centerborder=1width=300cellspacing=5><tr><th>序號</th><th>姓名</th><th>成績</th></tr><tr><td>1</td><td>張三</td><td>80</td></tr><tr><td>2</td><td>李四</td><td>90</td></tr></table><table>標(biāo)記可以添加cellspacing和cellpading屬性，設(shè)置單元格的間距和邊距。常用的HTML標(biāo)記

6.表格標(biāo)記如：<tablealign=centerborder=1width=300cellspacing=5bordercolor=“red”><tr><th>序號</th><th>姓名</th><th>成績</th></tr><tr><td>1</td><td>張三</td><td>80</td></tr><tr><td>2</td><td>李四</td><td>90</td></tr></table><table>標(biāo)記可以添加bordercolor屬性，設(shè)置表格邊框線的顏色。常用的HTML標(biāo)記

6.表格標(biāo)記如：<tablealign=centerborder=1width=300cellspacing=5bordercolor=“red”background=“back.jpg”><tr

bgcolor=“yellow”><th>序號</th><th>姓名</th><th>成績</th></tr><tr><td>1</td><td>張三</td><td>80</td></tr><tr><td>2</td><tdbgcolor=“red”>李四</td><td>90</td></tr></table><table>、<tr>、<td>標(biāo)記可以添加bgcolor屬性和background屬性，設(shè)置表格、行或單元格的背景顏色和背景圖片。常用的HTML標(biāo)記

6.表格標(biāo)記如：<tablealign=centerborder=1width=300cellspacing=5bordercolor=“red”background=“back.jpg”><tr

bgcolor=“yellow”><th>序號</th><th>姓名</th><th>成績</th></tr><tralign=center><td>1</td><td>張三</td><td>80</td></tr><tr><tdalign=center>2</td><tdbgcolor=“red”>李四</td><td>90</td></tr></table><tr>標(biāo)記可以添加align屬性，設(shè)置該行的所有單元格中內(nèi)容的對齊方式。<td>標(biāo)記可以添加align屬性，設(shè)置該單元格中內(nèi)容的對齊方式。align屬性的取值：left、center、right。常用的HTML標(biāo)記

6.表格標(biāo)記

<table>…</table>標(biāo)記中的第一行可以使用<caption>…</caption>標(biāo)記為表格加標(biāo)題，該標(biāo)記的一般格式如下：<captionalign=*valign=*>標(biāo)題</caption>Left|center|righttop|bottom標(biāo)題位于表格上面標(biāo)題位于表格下面常用的HTML標(biāo)記

6.表格標(biāo)記

<table>…</table>標(biāo)記中的第一行可以使用<caption>…</caption>標(biāo)記為表格加標(biāo)題，該標(biāo)記的一般格式如下：<captionalign=*valign=*>標(biāo)題</caption>Left|center|righttop|bottom標(biāo)題位于表格上面標(biāo)題位于表格下面常用的HTML標(biāo)記

6.表格標(biāo)記

可以使用<td>、<th>標(biāo)記的rowspan屬性來制作跨多行的單元格(合并一列的多個單元格)。格式如下：<tdrowspan=n>表項</td>或<th

rowspan=n>表頭</th>

其中，n表示合并的行數(shù)。<tablealign=centerborder=1><tr><tdrowspan=2>1</td><td>2</td><tr><td>3</td></table>常用的HTML標(biāo)記

6.表格標(biāo)記

可以使用<td>、<th>標(biāo)記的colspan屬性來制作跨多列的單元格(合并一行的多個單元格)。格式如下：<tdcolspan=n>表項</td>或<th

colspan=n>表頭</th>

其中，n表示合并的行數(shù)。<tablealign=centerborder=1><tr><td>1</td><td>2</td><tr><tdcolspan=2>3</td></table>XML概述

XML是一種可擴(kuò)展的標(biāo)記語言(ExtensibleMarkupLanguage)，雖然也是用標(biāo)記表示數(shù)據(jù)，但是它的標(biāo)記說明了數(shù)據(jù)的含義，而不是如何顯示。XML本身不是一個單一的標(biāo)記語言，它是一種元語，可以被用來定義一種新的標(biāo)記語言。HTML是用來定義某一類文件便于顯示的格式，而XML是用來創(chuàng)造類別文件的格式定義，也就是在XML中可以創(chuàng)造出很多不同的標(biāo)記語言，用來定義不同的文件類別。XML特點(1)XML是文本化的小型數(shù)據(jù)庫表達(dá)語言，可以對其進(jìn)行裝入/保持、插入/刪除/修改、選擇等操作。甚至可以把XML應(yīng)用作為一個中間層的虛擬數(shù)據(jù)庫。(2)XML是客戶端計算機(jī)的數(shù)據(jù)結(jié)構(gòu)載體。通過與JavaScript/DHTML結(jié)合使用，可實現(xiàn)客戶端小型信息過濾、查詢、計算與通信的應(yīng)用。(3)XML是信息的高層封裝與傳輸標(biāo)準(zhǔn)。它是不同應(yīng)用系統(tǒng)之間的數(shù)據(jù)標(biāo)準(zhǔn)接口和所有信息的中間層表示，是中間層應(yīng)用服務(wù)器的通用數(shù)據(jù)接口。可用于數(shù)據(jù)倉庫的數(shù)據(jù)遷移、數(shù)據(jù)庫報告的格式之中。XML概述(4)XML是HTML的高層擴(kuò)展。HTML面向文本、信息發(fā)布，HTML容許混亂；XML面向數(shù)據(jù)、數(shù)據(jù)處理，要求格式良好、合法。用戶可用XML創(chuàng)建自己的HTML。(5)XML是面向?qū)ο蟮臉?biāo)記語言，它具有接口/類機(jī)制、對象實例，可以定義對象的實現(xiàn)或方法，并且可以解決類的繼承問題。XML中的資源、尋址以及物理實體構(gòu)成了信息組件。XML中的資源描述框架是信息導(dǎo)航、瀏覽、搜索的用戶接口標(biāo)準(zhǔn)。(6)XML是一種不同數(shù)據(jù)結(jié)構(gòu)體的文本描述語言。它可以描述線性表、樹、圖形，也能描述文件化的外部數(shù)據(jù)結(jié)構(gòu)。還可以制造類似于XML的編譯器，使文本與二進(jìn)制文件之間相互轉(zhuǎn)換。XML的基本組成

XML包含三個要素： 文檔類型聲明DTD(DocumentTypeDefinition)或者XMLSchema

可擴(kuò)展樣式語言XSL(eXtensible

StylesheetLanguage)

可擴(kuò)展鏈接語言Xlink(eXtensibleLinkLanguage)。XML的基本組成DTD和XMLSchema a.元素類型聲明

b.屬性表聲明

c.實體聲明

d.符號聲明

e.XML大綱XML的基本組成(2)擴(kuò)展樣式語言XSL

擴(kuò)展樣式語言XSL用一種標(biāo)準(zhǔn)方式對XML文檔進(jìn)行格式化。制定XSL應(yīng)當(dāng)遵循三個原則：XSL應(yīng)當(dāng)能夠直接應(yīng)用到Internet上，XSL樣式表應(yīng)當(dāng)清晰、易讀，并且容易創(chuàng)建。XSL本身還在發(fā)展之中。(3)XML鏈接語言XLink(或XLL) XML的鏈接語言開始時稱為Xlink，后來改為XML-Link，最近W3C工組又決定稱為XLL。它是一個正在開發(fā)之中的標(biāo)準(zhǔn)，目標(biāo)是要能夠具有雙向鏈接功能、能夠過濾(或隱藏某些)數(shù)據(jù)的表現(xiàn)樣式、提供持久的含有語義的鏈接、匯集動態(tài)文檔、可以從用戶不能編輯的文本創(chuàng)建鏈接以及可以發(fā)布動態(tài)更新或軟件補(bǔ)丁、支持網(wǎng)絡(luò)上的批注功能等

XML

可擴(kuò)展標(biāo)記語言（ExtensibleMarkupLanguage，XML）是一種新型的標(biāo)記語言。它同HTML一樣，都來自標(biāo)準(zhǔn)通用標(biāo)記語言（StandardGeneralizedMarkupLanguage，SGML）。早在Web未發(fā)明之前，SGML就早已存在。正如它的名稱所言，SGML是一種用標(biāo)記來描述文檔資料的通用語言，它包含了一系列的文檔類型定義（簡稱DTD），DTD中定義了標(biāo)記的含義，因而SGML的語法是可以擴(kuò)展的。

XML是一個精簡的SGML，它將SGML的豐富功能與HTML的易用性結(jié)合到Web的應(yīng)用中。XML保留了SGML的可擴(kuò)展功能，這使XML從根本上有別于HTML。XML要比HTML強(qiáng)大得多，它不再是固定的標(biāo)記，而是允許定義數(shù)量不限的標(biāo)記來描述文檔中的資料，允許嵌套的信息結(jié)構(gòu)。HTML只是Web顯示數(shù)據(jù)的通用方法，而XML提供了一個直接處理Web數(shù)據(jù)的通用方法。HTML著重描述Web頁面的顯示格式，而XML著重描述的是Web頁面的內(nèi)容。

Web的應(yīng)用將隨著XML的使用而更精彩，總的說來的XML的應(yīng)用可分為四類：用于客戶需要與不同的數(shù)據(jù)源進(jìn)行交互時。應(yīng)用于將大量運算負(fù)荷分布在客戶端，即客戶可根據(jù)自己的需求選擇和制作不同的應(yīng)用程序以處理數(shù)據(jù)，而服務(wù)器只須發(fā)出同一個XML文件。應(yīng)用于將同一數(shù)據(jù)以不同的面貌展現(xiàn)給不同的用戶。這一應(yīng)用也可在上例中體現(xiàn)出來。應(yīng)用于網(wǎng)絡(luò)代理對所取得的信息進(jìn)行編輯、增減以適應(yīng)個人用戶的需要。4.5動態(tài)網(wǎng)頁生成技術(shù)

目前最常用的動態(tài)網(wǎng)頁技術(shù)主要有

ASP(activeserverpages),PHP(personalhypertextprepmcessor),JSP(Javaserverpages)。它們都是應(yīng)用于服務(wù)器端的技術(shù),以便于快速開發(fā)基于Web的應(yīng)用程序。

1.ASPASP內(nèi)含于IIS(MicrosoftInternetinformationserver)當(dāng)中,提供一個服務(wù)器端的腳本運行環(huán)境。

·

Web服務(wù)器會自動將ASP的程序碼解釋為標(biāo)準(zhǔn)HTML格式的主頁內(nèi)容,在用戶端的瀏覽器上顯示出來。

·

用戶端使用可執(zhí)行HTML碼的瀏覽器,即可瀏覽。

·ASP無需編譯即可解釋執(zhí)行。可以通過ActiveX服務(wù)器來擴(kuò)充功能,ActiveX服務(wù)器組件可使用VB,Java,C++,COBOL等語言來實現(xiàn)。

·

它還可以通過插入方式,使用由第三方提供的其他腳本語言,例如Perl語言。它的源程序不會下載到用戶瀏覽器,可以保護(hù)源程序。下載到用戶瀏覽器的是ASP執(zhí)行結(jié)果的HTML碼。

·ASP只能運行于微軟的服務(wù)器產(chǎn)品上,其功能有限,

必須通過ASP+COM的組合來擴(kuò)充。在UNIX通過插件可以支持ASP,但是UNIX下的COM實現(xiàn)十分困難。2.PHP

PHP是一種跨平臺的服務(wù)器端的嵌入式腳本語言。它大量地借用C、Java、和Perl語言的語法,并結(jié)合PHP自己的特性,使Web開發(fā)者能夠快速地寫出動態(tài)生成頁面。

·PHP可以支持具有與許多數(shù)據(jù)庫相連接的函數(shù)。但是PHP提供的數(shù)據(jù)庫接口不統(tǒng)一。這是PHP的一大弱點。3.JSPJSP

是SUN公司推出的新一代Web站點開發(fā)語言,借助于Java強(qiáng)大的跨平臺特性,它具備SUN所推行一次編寫處處運行(writeonce,runeverywhere)"的特點。它完全克服了目前ASP、PHP的腳本級執(zhí)行的缺點。

JSP特點：

·JSP

可以在Servlet

和JavaBeans/EJB/CORBA/JNDI等的支持下,構(gòu)建功能強(qiáng)大的網(wǎng)絡(luò)應(yīng)用平臺。

·

JSP的最大特點是將內(nèi)容的生成和顯示進(jìn)行分離。使用JSP技術(shù),Web頁面開發(fā)人員可以使用HTML或者XML標(biāo)記來設(shè)計和格式化最終頁面。

·

使用JSP標(biāo)記或者JSP腳本來生成頁面上的動態(tài)內(nèi)容。生成內(nèi)容的邏輯被封裝在JSP標(biāo)記和JavaBean

組件中,并且捆綁在JSP腳本中,所有腳本在服務(wù)器端運行。如果核心邏輯被封裝在標(biāo)記和Beans中,那么其他人,如Web管理人員和界面設(shè)計者能夠編輯和使用JSP頁面,而不影響內(nèi)容的生成。

·

在服務(wù)器端,JSP引擎解釋JSP標(biāo)記和JSP腳本,生成所請求的內(nèi)容,并且將結(jié)果以HTML或者XML頁面形式發(fā)送給瀏覽器。JSP可以運行于幾乎所有的平臺。

總體來說,JSP應(yīng)該是未來發(fā)展的趨勢。網(wǎng)頁設(shè)計工具

編輯HTML文件使用一般的純文本編輯器就可以勝任，如記事本、寫字板等。隨著網(wǎng)頁制作技術(shù)的不斷發(fā)展，出現(xiàn)了諸如FrontPage、Dreamweaver等可視化的網(wǎng)頁編輯工具。

frontpage,dreamwraver1.FrontPageFrontPage是由Microsoft公司推出的Web頁面制作工具軟件。FrontPage使網(wǎng)頁制作者能夠更加方便、快捷地創(chuàng)建和發(fā)布網(wǎng)頁，具有直觀的網(wǎng)頁制作和管理方法，簡化了大量工作。FrontPage界面與Word、PowerPoint等軟件的界面極為相似，易學(xué)易用，為使用者帶來了極大的方便。此外，F(xiàn)rontPage還自帶一個

Web服務(wù)器，使用戶在沒有安裝

Web服務(wù)器軟件的計算機(jī)上也能通過瀏覽器測試網(wǎng)頁。

2.DreamweaverDreamweaver是由Macromedia公司推出的一款網(wǎng)頁制作軟件，它具有可視化編輯界面，用戶不必編寫復(fù)雜的HTML源代碼就可以生成跨平臺、跨瀏覽器的網(wǎng)頁。Dreamweaver的網(wǎng)頁動態(tài)效果與網(wǎng)頁排版功能比一般的軟件都好用，它可以滿足多層次的需求，是功能強(qiáng)大的可視化、專業(yè)級網(wǎng)頁設(shè)計及制作工具。所以它是網(wǎng)頁設(shè)計者的首選工具。

動態(tài)網(wǎng)頁技術(shù)

所謂動態(tài)網(wǎng)頁是指按照訪問者的不同需要，對訪問者輸入的信息做出不同的響應(yīng)，提供響應(yīng)的信息。動態(tài)網(wǎng)頁生成的原理1．CGI技術(shù)CGI(CommonGatewayInterface)即公用網(wǎng)關(guān)接口。用來實現(xiàn)CGI應(yīng)用程序的編程語言有很多種，如VisualBasic、Delphi或C/C++、Perl等。當(dāng)用戶在瀏覽器端填好表單要求輸入的資料，提出HTTP請求后，Web服務(wù)器端執(zhí)行該表單所設(shè)定的CGI應(yīng)用程序，處理訪問者輸入的信息并據(jù)此做出響應(yīng)，將其運行結(jié)果傳輸?shù)娇蛻舳说臑g覽器上。由于CGI程序不是整合在HTML文檔中，因此須使用與HTML不同的設(shè)計過程來設(shè)計一個應(yīng)用程序，每一次修改程序都必須重新將CGI程序編譯成可執(zhí)行文件。使用CGI方式的缺點是效率低下。

2．ASP技術(shù)

ASP是ActiveServerPages的簡稱，是微軟公司推出的Web應(yīng)用程序開發(fā)技術(shù)。使用ASP可以建立動態(tài)的、交互的、高效的Web服務(wù)器應(yīng)用程序。ASP允許用服務(wù)器端腳本來擴(kuò)展HTML，利用VBScript、JavaScript或其他第三方腳本語言編程，實現(xiàn)過去需要編寫復(fù)雜的CGI程序才能實現(xiàn)的動態(tài)網(wǎng)頁。如果去掉這些包含實現(xiàn)動態(tài)功能的VBScript或JavaScript語句，它和標(biāo)準(zhǔn)的HTML文件沒有任何區(qū)別。ASP的主要工作環(huán)境是微軟的IIS應(yīng)用程序結(jié)構(gòu)，因ActiveX對象具有平臺特性，所以ASP技術(shù)不能很容易地實現(xiàn)在跨平臺的Web服務(wù)器的工作。

ASP工作原理3.JSP技術(shù)

JSP（JavaServerPages）是由SunMicrosystem公司推出的，基于JavaServlet以及整個Java體系的Web開發(fā)技術(shù)。利用這一技術(shù)可以建立先進(jìn)、安全和跨平臺的動態(tài)網(wǎng)站?？偟膩碇v，JavaSeverPages（JSP）和微軟的ActiveSeverPages（ASP）在技術(shù)方面有許多相似之處。兩者都是為基于Web應(yīng)用實現(xiàn)動態(tài)交互網(wǎng)頁制作提供的技術(shù)環(huán)境支持。同等程度上來講，兩者都能夠為程序開發(fā)人員提供實現(xiàn)應(yīng)用程序的編制與自帶組件設(shè)計，而且兩者都能夠替代CGI使網(wǎng)站建設(shè)與發(fā)展變得較為簡單、快捷，不過兩者是來源于不同的技術(shù)規(guī)范組織。

本章要點

1.超文本和超媒體的基本概念、主要特性和體系結(jié)構(gòu)以及超文本和超媒體組成要素。2.超文本和超媒體的應(yīng)用及研究的問題。3.網(wǎng)頁中超文本的實現(xiàn)。1．HTML標(biāo)記

標(biāo)簽:用’<‘和’>’括起來的句子，用來分割和標(biāo)記文本的元素。(1)單標(biāo)簽只需單獨使用就能完整地表達(dá)意思，這類標(biāo)記的語法是：

<標(biāo)簽名稱>(2)雙標(biāo)簽“雙標(biāo)簽”由“始標(biāo)簽”和“尾標(biāo)簽”兩部分構(gòu)成，而且必須成對使用，這類標(biāo)記的語法是：

<標(biāo)簽>內(nèi)容</標(biāo)簽>

(3)標(biāo)簽屬性

大多數(shù)標(biāo)簽（包括單標(biāo)記和雙標(biāo)記）的始標(biāo)記內(nèi)可以包含一些屬性，其語法是：

<標(biāo)簽名字屬性1屬性2屬性3…>

2．HTML文件結(jié)構(gòu)

<HTML> html文件開始

<HEAD> 文件頭開始

<TITLE> 網(wǎng)頁主題開始網(wǎng)頁主題文本

</TITLE> 網(wǎng)頁主題結(jié)束

</HEAD> 文件頭結(jié)束

<BODY> 文件體開始

文件體

（這里寫正文）

</BODY> 文件體結(jié)束</HTML> html文件結(jié)束

<html><body><h1>我的第一個網(wǎng)頁</h1><p>我的第一頁，第一段.</p></body></html>例子解釋<html>與</html>之間的文本描述網(wǎng)頁<body>與</body>之間的文本是可見的頁面內(nèi)容<h1>與</h1>之間的文本被顯示為標(biāo)題<p>與</p>之間的文本被顯示為段落。超文本標(biāo)記語言HTMLHTML基本語法:控制命令用<>括起來。主要標(biāo)記有：文件頭。文件體。標(biāo)題頭(Heading)。文本塊結(jié)構(gòu)(BlockStructuringElement)。列表結(jié)構(gòu)<ListElement>。錨元素<Anchor>。嵌入圖像標(biāo)記。表格標(biāo)記<Table>。輸入表標(biāo)記。分割窗口標(biāo)記。換行符。水平線。超文本標(biāo)記語言HTML

HTML特點

(1)創(chuàng)建和實現(xiàn)獨立于平臺的文檔

(2)與Internet上其他文檔相連接

(3)WWW頁面包括圖形和多媒體

(4)能夠鏈接Internet上的其他資源超文本標(biāo)記語言HTML

HTML的應(yīng)用 一個多媒體網(wǎng)頁中可能包括背景、文本內(nèi)容、表格、背景音樂、音樂鏈接、視頻鏈接、嵌入的圖像或圖像鏈接等，表現(xiàn)力十分豐富。HTML用于對多媒體信息進(jìn)行組織并以網(wǎng)