第7章 超媒體與Web系統(tǒng)

第7章超媒體與Web系統(tǒng)本章內(nèi)容7.1超媒體系統(tǒng)的組成7.2Web超媒體系統(tǒng)7.3智能超媒體系統(tǒng)7.4Web搜索技術(shù)傳統(tǒng)信息存儲(chǔ)和檢索不能適應(yīng)大數(shù)據(jù)互聯(lián)網(wǎng)沒(méi)出現(xiàn)之前，如何查文獻(xiàn)？7.1超媒體系統(tǒng)的組成1、去圖書(shū)館2、圖書(shū)館找相應(yīng)的圖書(shū)分類號(hào)3、找到圖書(shū)開(kāi)始閱讀：

文本在組織上是線性的和順序的。這種線性結(jié)構(gòu)體現(xiàn)在你讀文本時(shí)只能按固定的線性順序一字一字、一行一行、一頁(yè)一頁(yè)地讀下去。需要一種工具建立數(shù)據(jù)間的鏈接關(guān)系某學(xué)科的專家不可能掌握改學(xué)科的全部知識(shí)普遍聯(lián)系的原則：信息之間存在這樣或那樣的聯(lián)系美國(guó)作家D.Pember在“Massmedia”（大眾傳播媒介）一文中描寫(xiě)到：“我們可能已經(jīng)發(fā)現(xiàn)了種治療癌癥或心臟病的方法，我們可能已經(jīng)找到擺脫時(shí)空限制的途徑，我們可能……，這種種問(wèn)題的答案細(xì)分為成百上千上部分，以點(diǎn)滴信息的形式分散在世界各地，有待于搜索起來(lái)、聯(lián)系起來(lái)?！?.1超媒體系統(tǒng)的組成人的聯(lián)想能力有助于提高信息利用率對(duì)聯(lián)想記憶的探索形成了人類思維的概念化的基礎(chǔ)。同一個(gè)人、同樣的文化和受教育的背景太陽(yáng)夏天星星天文望遠(yuǎn)鏡伽利略比薩斜塔佛教舍利和尚光頭游泳夏天大海魚(yú)吃飯飯盒餐具銀器耳環(huán)婚禮婚紗白雪7.1超媒體系統(tǒng)的組成借鑒人腦的思維，創(chuàng)立了超文本7.1超媒體系統(tǒng)的組成超文本（Hypertext）一種信息管理技術(shù),一種電子文獻(xiàn)形式；文本最顯著的特點(diǎn)是它在信息組織上是線性的和順序的；超文本結(jié)構(gòu)采用一種非線性的網(wǎng)狀結(jié)構(gòu)組織塊狀信息,沒(méi)有固定的順序超文本（Hypertext）超文本（Hypertext）超文本是一種信息管理技術(shù),它以節(jié)點(diǎn)作為基本單位。這種節(jié)點(diǎn)要比字符高出一層次。抽象地說(shuō),它可以是一個(gè)信息塊;具體地說(shuō),它可以是某一字符文本集合,也可是屏幕中某一大小的顯示區(qū)。節(jié)點(diǎn)的大小由實(shí)際條件決定,在信息組織方面,則是用鏈把節(jié)點(diǎn)造成網(wǎng)狀結(jié)構(gòu),即非線性文結(jié)構(gòu)。7.1超媒體系統(tǒng)的組成

超文本的結(jié)構(gòu)不是順序的它類似于人類的聯(lián)想記憶結(jié)構(gòu)，采用一種非線性的網(wǎng)狀結(jié)構(gòu)：

7.1超媒體系統(tǒng)的組成超文本的概念

A節(jié)點(diǎn)B節(jié)點(diǎn)C節(jié)點(diǎn)D節(jié)點(diǎn)E節(jié)點(diǎn)F節(jié)點(diǎn)6個(gè)節(jié)點(diǎn)和9條鏈組成的超文本結(jié)構(gòu)

沒(méi)有固定的順序，也不要求讀者必須按某個(gè)順序來(lái)閱讀。

用戶可以主動(dòng)地決定閱讀節(jié)點(diǎn)的順序。超文本的特點(diǎn)7.1超媒體系統(tǒng)的組成超文本雛形—概念產(chǎn)生時(shí)期鼻祖:美國(guó)著名科學(xué)家V.Bush(1890-1974)1945，“AsWeMayThink”，《大西洋月刊》Memex(Memoryexender的縮寫(xiě),即存儲(chǔ)擴(kuò)充器)設(shè)想（1932年和1933提出）；7.1超媒體系統(tǒng)的組成超文本雛形提出設(shè)想的原因科學(xué)信息量迅速增長(zhǎng)：他擔(dān)心即使是某一門(mén)學(xué)科的專家也不可能跟蹤該學(xué)科的發(fā)展情況。200多年來(lái)印刷技術(shù)沒(méi)有什么突破性的進(jìn)展，有關(guān)共享與表現(xiàn)信息的方法也很少，不敷應(yīng)用。檢索困難：當(dāng)要查找某一信息時(shí)，要遍歷所有對(duì)象逐一查找，信息的定位繁瑣；7.1超媒體系統(tǒng)的組成超文本雛形Memex是什么？一種專門(mén)存儲(chǔ)書(shū)籍、檔案和信件的設(shè)備；是機(jī)械的。組成與結(jié)構(gòu)信息存在縮微膠片中；有一個(gè)掃描器輸入新的資料；可以在頁(yè)邊用手加注釋和說(shuō)明。元素之間鏈連成對(duì)，任意元素都可以隨意、迅速而且自動(dòng)地選擇另一元素7.1超媒體系統(tǒng)的組成超文本雛形《時(shí)代》和《生活》刊登了Memex模型問(wèn)題？Bush早期計(jì)算機(jī)專家的為什么不采用計(jì)算機(jī)？7.1超媒體系統(tǒng)的組成14具體示例１假設(shè)有一位總經(jīng)理，他自己有電子記事本，他的秘書(shū)根據(jù)他與外商談判的材料按照超文本的結(jié)構(gòu)形式組織好了有關(guān)材料供總經(jīng)理使用。下面借助于下圖來(lái)說(shuō)明。15某人的電子記事本：16早期超文本系統(tǒng)的表現(xiàn)形式僅是文字的，這就是它被稱為“TEXT”的原因。超媒體不僅可以包含文字，而且還可以包含聲音、圖形、圖像、動(dòng)畫(huà)和視頻片段，這些媒體之間也是用超級(jí)鏈接組織的，而且它們之間的鏈接也是錯(cuò)綜復(fù)雜的。7.1超媒體系統(tǒng)的組成超文本到超媒體的演進(jìn)引入超媒體綜上所述信息爆炸（甚至連該學(xué)科的專家也不能全部掌握）與信息垃圾；多媒體化；網(wǎng)絡(luò)化、分布化；信息間相互關(guān)系之復(fù)雜；迫切需要一種技術(shù)或工具，高效地管理信息，并建立起信息之間的關(guān)聯(lián)。7.1超媒體系統(tǒng)的組成18超文本與超媒體的應(yīng)用

隨著多媒體技術(shù)的發(fā)展，超文本與超媒體技術(shù)，具有廣闊的應(yīng)用前景。超文本與超媒體組織和管理信息方式符合人們的“聯(lián)想”思維習(xí)慣。適合于非線性的數(shù)據(jù)組織形式，以它獨(dú)特的表現(xiàn)方式，得到了廣泛的應(yīng)用。

7.1超媒體系統(tǒng)的組成19超文本與超媒體的示例

操作系統(tǒng)Windows中的“幫助”就使用了超文本的方式電子百科全書(shū)教學(xué)應(yīng)用的CAI旅游信息、軟件工程20個(gè)人學(xué)習(xí)、工作輔助與辦公自動(dòng)化

超文本與超媒體應(yīng)用于辦公自動(dòng)化中，改變了人們傳統(tǒng)的工作方式和思維習(xí)慣，提供人們更為形象、直觀的工作環(huán)境，極大地提高了工作的效益和效率。

7.1超媒體系統(tǒng)的組成21商業(yè)展示、產(chǎn)品廣告和指南超媒體化的產(chǎn)品和廣告、單位的形象介紹、展覽會(huì)的展示、旅游和飯店的指南、機(jī)場(chǎng)和車站的查詢機(jī)等都為用戶提供了一種很好的展示方式。7.1超媒體系統(tǒng)的組成GE智能電網(wǎng)超媒體視頻23４．娛樂(lè)（音樂(lè)、小說(shuō)、電影）和休閑

超媒體的神化故事、偵探小說(shuō)、報(bào)紙和刊物、家庭菜譜、電子游戲等，為家庭休閑和娛樂(lè)開(kāi)辟了新的途徑。7.1超媒體系統(tǒng)的組成24

“交互式小說(shuō)”和“交互式電影”，用超媒體組織素材，由讀者和觀眾自己編輯，按自己的愛(ài)好和愿望去改變主人翁的命運(yùn)和結(jié)局。7.1超媒體系統(tǒng)的組成娛樂(lè)（音樂(lè)、小說(shuō)、電影）和休閑

超文本/超媒體與其它信息技術(shù)的關(guān)系多媒體、數(shù)據(jù)庫(kù)與超文本/超媒體多媒體超文本數(shù)據(jù)庫(kù)超媒體超文本數(shù)據(jù)庫(kù)超媒體數(shù)據(jù)庫(kù)多媒體數(shù)據(jù)庫(kù)7.1超媒體系統(tǒng)的組成超文本/超媒體與其它信息技術(shù)的關(guān)系交互式多媒體與超文本/超媒體一種觀點(diǎn)認(rèn)為超文本/超媒體是一種人機(jī)交互技術(shù)交互多媒體超媒體超文本7.1超媒體系統(tǒng)的組成超媒體系統(tǒng)組成7.1超媒體系統(tǒng)的組成節(jié)點(diǎn)超文本/超媒體是由節(jié)點(diǎn)構(gòu)成的信息網(wǎng)絡(luò)，每個(gè)節(jié)點(diǎn)包含一個(gè)特定主題的信息，節(jié)點(diǎn)的大小視主題而一。表現(xiàn)形式基于框架的節(jié)點(diǎn)：節(jié)點(diǎn)內(nèi)容固定尺寸基于窗口的節(jié)點(diǎn)：對(duì)信息容量沒(méi)有限制7.1超媒體系統(tǒng)的組成節(jié)點(diǎn)的分類按媒體類型分類文本節(jié)點(diǎn)圖形、圖象節(jié)點(diǎn)聲音節(jié)點(diǎn)視頻節(jié)點(diǎn)數(shù)據(jù)庫(kù)節(jié)點(diǎn)命令（按鈕）節(jié)點(diǎn)混合節(jié)點(diǎn)7.1超媒體系統(tǒng)的組成節(jié)點(diǎn)的分類按結(jié)構(gòu)分類原子節(jié)點(diǎn)組合節(jié)點(diǎn)按狀態(tài)分類動(dòng)態(tài)節(jié)點(diǎn)靜態(tài)節(jié)點(diǎn)7.1超媒體系統(tǒng)的組成鏈鏈定義了超文本/超媒體的結(jié)構(gòu)，提供了瀏覽、查詢節(jié)點(diǎn)的能力，因此鏈?zhǔn)浅谋?超媒體的靈魂。顯示與隱式表示明確的鏈源和鏈宿動(dòng)態(tài)檢索與計(jì)算方向性單向鏈雙向鏈7.1超媒體系統(tǒng)的組成鏈鏈類型一對(duì)多關(guān)系、多對(duì)一關(guān)系多對(duì)多關(guān)系懸空鏈：有源無(wú)宿組合方式線性鏈樹(shù)狀層次鏈無(wú)環(huán)網(wǎng)塊狀結(jié)構(gòu)任意網(wǎng)7.1超媒體系統(tǒng)的組成鏈7.1超媒體系統(tǒng)的組成按鈕、熱標(biāo)和錨按鈕：可視化鏈源熱標(biāo)：確定信息關(guān)聯(lián)的鏈源熱字熱區(qū)熱元熱點(diǎn)錨：鏈的端點(diǎn)源錨目的錨7.1超媒體系統(tǒng)的組成Web超媒體系統(tǒng)分布式超媒體系統(tǒng)WWW1990年，位于日內(nèi)瓦的歐洲量子物理實(shí)驗(yàn)室CERN的物理學(xué)家與工程技術(shù)人員為了能與其他研究機(jī)構(gòu)協(xié)作探討高能物理研究的最新成果，建立了環(huán)球信息網(wǎng)（WorldWideWeb)。37WWW中的超文本和超媒體

Internet提供了世界范圍內(nèi)網(wǎng)絡(luò)互連和通信功能。

它以基于客戶/服務(wù)器的工作方式，通過(guò)超文本文獻(xiàn)，把全世界不同地點(diǎn)服務(wù)器的相關(guān)信息有機(jī)地結(jié)合了起來(lái)。服務(wù)器瀏覽器用戶界面層又稱為表現(xiàn)層，它構(gòu)成超文本系統(tǒng)特殊性的重要表現(xiàn)，涉及超文本抽象機(jī)層中信息的表現(xiàn)超文本抽象機(jī)層決定了超文本系統(tǒng)結(jié)點(diǎn)和鏈的基本特點(diǎn)，記錄了結(jié)點(diǎn)之間鏈的關(guān)系，并保存了有關(guān)結(jié)點(diǎn)和鏈的結(jié)構(gòu)信息。數(shù)據(jù)庫(kù)層提供存儲(chǔ)、共享數(shù)據(jù)和網(wǎng)絡(luò)訪問(wèn)功能。系統(tǒng)的結(jié)構(gòu)與模型用戶接口層超媒體抽象機(jī)層數(shù)據(jù)庫(kù)層39WWW的客戶程序成為瀏覽器運(yùn)行在客戶機(jī)上，利用超文本傳輸協(xié)議向服務(wù)器發(fā)出請(qǐng)求，訪問(wèn)服務(wù)器上的超文本和超媒體信息，并在客戶端上以多媒體的形式表現(xiàn)出來(lái)。通信的兩個(gè)協(xié)議：超文本傳輸協(xié)議(HyperTextTransferProtocol,HTTP)，提供聯(lián)絡(luò)方式及信息傳送格式。超文本標(biāo)記語(yǔ)言(HyperTextMarkupLanguage,HTML)，提供表現(xiàn)界面與超文本鏈接的標(biāo)記語(yǔ)言。

WWW中的超媒體協(xié)議與標(biāo)記語(yǔ)言HTTPHTMLXMLHTTP協(xié)議客戶服務(wù)器建立TCP/IP連接客戶服務(wù)器發(fā)送請(qǐng)求消息客戶服務(wù)器發(fā)送響應(yīng)消息客戶服務(wù)器關(guān)閉連接42超文本傳輸協(xié)議HTTPHTTP協(xié)議運(yùn)行在客戶程序和服務(wù)器程序中。不同端系統(tǒng)上的客戶程序和服務(wù)器程序通過(guò)交換HTTP消息彼此交流。HTTP定義Web客戶(即瀏覽器)如何從web服務(wù)器請(qǐng)求Web頁(yè)面，以及服務(wù)器如何把Web頁(yè)面?zhèn)魉徒o客戶。43HTTP消息請(qǐng)求消息示例：GET/hypertext/www/TheProject.htmlHTTP/1.0方法協(xié)議宿主名目錄與文件名協(xié)議版本客戶發(fā)出消息服務(wù)器響應(yīng)消息HTML語(yǔ)言基本結(jié)構(gòu)HTML語(yǔ)言編寫(xiě)的網(wǎng)頁(yè)超文本信息按多級(jí)標(biāo)題結(jié)構(gòu)進(jìn)行組織，其結(jié)構(gòu)如下：<HTML><HEAD><TITLE>標(biāo)題名</TITLE></HEAD><BODY><H1>一級(jí)標(biāo)題名</H1>

……Web頁(yè)主體</BODY></HTML>HTML語(yǔ)言超文本標(biāo)記方法

<標(biāo)記名>數(shù)據(jù)</標(biāo)記名>

字體黑體<B>文本</B>斜體<I>文本</I>下劃線<U>文本</U>打字體<TT>文本</TT>HTML語(yǔ)言超文本標(biāo)記方法

字號(hào)與顏色設(shè)定指定字號(hào)的標(biāo)記方法為：<FONTSIZE=#>文本</FONT>#=1，2，3，4，5，6，7表示指定的字體大??；#=+(-)2，3，4，5，6表示字體大小的相對(duì)改變。設(shè)定字體顏色可以通過(guò)如下兩種方式：<FONTCOLOR="hex_rgb">文本</FONT><FONTCOLOR="colorname">文本</FONT>例如：<FONTCOLOR="#FF0000"SIZE=5>中國(guó)</FONT>顯示5號(hào)字體紅色文字的“中國(guó)”。HTML語(yǔ)言超文本標(biāo)記方法段落格式包括換行符號(hào)<BR>分段(換行加空行)符號(hào)<P>分界尺符號(hào)<HR>等

HTML語(yǔ)言超文本標(biāo)記方法

文本鏈接可通過(guò)點(diǎn)擊文本檢索瀏覽另一超文本網(wǎng)頁(yè)。<AHREF＝"Art.html">ClickHereforArt．</A>

HTML語(yǔ)言超文本標(biāo)記方法圖像鏈接可通過(guò)點(diǎn)擊一幅圖像從而跳到另一超文本網(wǎng)頁(yè)。<AHREF＝"dog.html"><IMGSRC="Dog1.gif"></A>

HTML語(yǔ)言超文本標(biāo)記方法

FTP和Email鏈接在HTML頁(yè)面中可實(shí)現(xiàn)與FTP和Email系統(tǒng)的鏈接。例如，通過(guò)點(diǎn)擊“GetFreeware”和“Mailtome．”實(shí)現(xiàn)與FTP和Email系統(tǒng)的鏈接：<AHREF="ftp//ftp．MyD/Pub/freeware.txt">GetFreeware</A><AHREF="mailto：myName@myD">Mailtome．</A>

HTML語(yǔ)言超文本標(biāo)記方法非圖像瀏覽器圖像替換如瀏覽器不能瀏覽圖像，HTML可用ALT指定其替代文字。例如，如瀏覽器不能瀏覽圖像Dogl.gif，用“[pictureofadog]”ALT替代：<AHREF="dog.html"><IMGSRC="Dog1.gif"ALT="[pictureofadog]"></A>

HTML語(yǔ)言多媒體信息標(biāo)記方式圖像<IMGSRC＝"file：///d：/html/.gif"WIDTH=?HEIGHT=?VSPACE=?HSPACE=?>其中，WIDTH，HEIGHT為圖像的寬、高；VSPACE，HSPACE為垂直、水平空格數(shù)。

HTML語(yǔ)言多媒體信息標(biāo)記方式音頻HTML中可指定背景音樂(lè)，例如：<BGSoundSRC="Path/Filename.WAV"Loop=#>#為循環(huán)次數(shù)。還可以利用鏈接啟動(dòng)聲音。例如，若當(dāng)用戶單擊文本linktext后，聲音才能播放：<AHREF="Path/Filenam/>linktext</A>HTML語(yǔ)言多媒體信息標(biāo)記方式視頻與動(dòng)畫(huà)<IMGdynsrc="user．a(chǎn)vi"START=fileopen(ormouseover)WIDTH=?HEIGHT=?VSPACE=?HSPACE=?LOOP=?><IMGdynsre="user．flc"START=fileopen(ormouseover) WIDTH=?HEIGHT=?VSPACE=?HSPACE=?LOOP=?>除了dynsrc屬性，其他屬性都可以缺省。START＝fileopen表示W(wǎng)eb頁(yè)一被裝入便播放；START＝mouseover表示鼠標(biāo)從該區(qū)域滑過(guò)才播放。

HTML語(yǔ)言多媒體信息標(biāo)記方式

Web頁(yè)中背景的實(shí)現(xiàn)用圖像填充背景，格式為：<BODYBACKGROUND="Path/Filename">用顏色填充背景，格式為：<BODYBGCOLOR="#RRGGBB">RR，GG，BB分別表示紅、綠、藍(lán)分量，用十六進(jìn)制表示。用顏色的名字表示背景顏色，格式為：<BODYBGCOLOR="顏色名">例如，利用圖像和顏色填充背景的實(shí)例：<BODYBACKGROUND="file///d：/multi/jpg/ground.jpg"><BODYBGCOLOR="#888888">

表示背景顏色為灰色；<BODYBGCOLOR="red">

表示背景顏色為紅色。

XML語(yǔ)言可擴(kuò)展的標(biāo)記語(yǔ)言XML（extensiblemarkuplanguage）是1998年2月正式公布的網(wǎng)絡(luò)超文本的標(biāo)記語(yǔ)言，是由W3C的XML工作小組所定義的。它和HTML一樣，是SGML的一個(gè)子集。XML兼取HTML和SGML之長(zhǎng)，既通用全面又簡(jiǎn)明清晰，并具有很強(qiáng)的可伸縮性和靈活性。數(shù)據(jù)搜索引擎簡(jiǎn)單高效XML還具有遵循嚴(yán)格的語(yǔ)法要求、便于不同系統(tǒng)之間信息的傳輸、有較好的保值性等優(yōu)點(diǎn)。

XML語(yǔ)言由于XML能針對(duì)特定的應(yīng)用定義自己的標(biāo)記語(yǔ)言，XML本身僅僅是表達(dá)數(shù)據(jù)的一種規(guī)范，與具體的應(yīng)用行業(yè)制定不同的數(shù)據(jù)規(guī)范相結(jié)合才能體現(xiàn)其強(qiáng)大的生命力。XML的應(yīng)用分支越來(lái)越廣泛，可以說(shuō)根本地改變了網(wǎng)絡(luò)世界的信息交流方式。其應(yīng)用涉及科學(xué)計(jì)算（數(shù)學(xué)標(biāo)記語(yǔ)言MathML）、網(wǎng)絡(luò)多媒體（同步多媒體集成語(yǔ)言SMIL）、電子出版（開(kāi)放電子書(shū)標(biāo)準(zhǔn)OpenE-book）、無(wú)線通信（無(wú)線應(yīng)用規(guī)范WAP）等領(lǐng)域，它還是電子商務(wù)（電子數(shù)據(jù)交換XML/EDI和微軟的Biztalk）的數(shù)據(jù)接口規(guī)范中的基礎(chǔ)。

XML語(yǔ)言XML主要有3個(gè)要素：文檔定義（DTD/XMLSchema）文檔定義描述了XML文件的邏輯結(jié)構(gòu)，定義了XML文件中的元素、元素的屬性以及元素的屬性之間的關(guān)系，它可以幫助XML的分析程序校驗(yàn)XML文件標(biāo)記的合法性XSLXSL是用于規(guī)定XML文檔樣式的語(yǔ)言，它能在客戶端使Web瀏覽器改變文檔的表現(xiàn)形式，從而不再需要與服務(wù)器進(jìn)行交互通信XlinkXlink允許鏈接X(jué)ML文件，它允許多個(gè)鏈接目標(biāo)以及其他先進(jìn)的特性，而且較HTML的鏈接機(jī)制有更強(qiáng)大的功能Web系統(tǒng)的關(guān)鍵技術(shù)基本結(jié)構(gòu)Web服務(wù)器客戶機(jī)用戶請(qǐng)求（http協(xié)議）服務(wù)器響應(yīng)(html)擴(kuò)展結(jié)構(gòu)網(wǎng)絡(luò)服務(wù)器站點(diǎn)鏡像代理服務(wù)器

Web緩存系統(tǒng)的關(guān)鍵問(wèn)題Web緩存可以顯著改善Web系統(tǒng)的服務(wù)性能。降低網(wǎng)絡(luò)流量、緩解網(wǎng)絡(luò)阻塞減少了用戶訪問(wèn)延時(shí)減少了遠(yuǎn)程Web服務(wù)器的工作負(fù)荷加強(qiáng)Web服務(wù)的強(qiáng)壯性Web緩存系統(tǒng)的關(guān)鍵問(wèn)題緩存系統(tǒng)可能會(huì)出現(xiàn)下述缺點(diǎn)：由于缺乏合適的緩存代理更新，用戶也許查看的是陳舊的數(shù)據(jù)；由于額外的代理處理，訪問(wèn)延時(shí)在緩存中查不到目標(biāo)數(shù)據(jù)的情況下可能增加；一個(gè)單一的代理總是系統(tǒng)服務(wù)的瓶頸，針對(duì)一個(gè)代理所服務(wù)的客戶數(shù)應(yīng)該有所限制；使用代理緩存會(huì)減少原遠(yuǎn)程服務(wù)器的點(diǎn)擊率從而引起多數(shù)信息提供者的失望，因?yàn)樗麄儾荒芫S持對(duì)他們頁(yè)面點(diǎn)擊的管理。

64附：html與xml1

HTML概述

HTML是一種文本類、解釋執(zhí)行、用來(lái)制作超文本文件的簡(jiǎn)單標(biāo)記語(yǔ)言。一個(gè)HTML文擋通常由文檔頭、文檔名稱、表格、段落和列表等文檔元素構(gòu)成，并且使用HTML規(guī)定的標(biāo)記來(lái)標(biāo)記這些元素。

HTML的專長(zhǎng)是將文件數(shù)據(jù)顯示在瀏覽器中，它提供了很多與顯示內(nèi)容有關(guān)的標(biāo)記，這些標(biāo)記都是系統(tǒng)定義的，用戶無(wú)法自定義所要的標(biāo)記。就一般的使用，HTML所提供的標(biāo)記還是夠用的，而且目前市面上很多網(wǎng)頁(yè)制作軟件，均支持HTML的文件格式。2

HTML文檔結(jié)構(gòu)<html>

<head>

<title>……</title>

</head>

<body>

正文內(nèi)容

</body></html>告訴瀏覽器HTML文件開(kāi)始和結(jié)束<html>…</html>HTML文件的頭部標(biāo)記<head>…</head><body>…</body>HTML文件的主體標(biāo)記<title>…</title>文檔名稱標(biāo)記HTML文檔基本結(jié)構(gòu)：3

鏈接標(biāo)記連接是指將文檔中的文本或者圖像與另一個(gè)文檔、文檔的一部分或者另一幅圖像等內(nèi)容鏈接在一起。在HTML中，鏈接的基本格式是：<ahref=”URL地址“>鏈接名</a>屬性href是不可缺少的，其值可以是URL形式或mailto形式。例如：<ahref="">歡迎光臨清毅盲人網(wǎng)</a>

超鏈接的三種類型：內(nèi)部鏈接：指向文檔內(nèi)部的鏈接外部鏈接：指向非本地服務(wù)器上的文檔的鏈接本地鏈接：指向本地服務(wù)器或計(jì)算機(jī)中文檔的鏈接4

多媒體標(biāo)記插入圖像(1)內(nèi)聯(lián)圖象內(nèi)聯(lián)圖像是指與Web網(wǎng)頁(yè)中的文本一起下載和顯示的圖像，表現(xiàn)為文本和圖像顯示在同一網(wǎng)頁(yè)上，在HTML文檔中插入圖像文件的格式如下:<imgsrc="URL地址"align=""border=""width=""height=""alt="">…</img>例1<html><head><title>插入內(nèi)聯(lián)圖像</title></head><h1>內(nèi)聯(lián)圖像</h1><body><imgsrc="7-1.jpg"align=leftborder=5width=250height=200></body></html>例1：內(nèi)聯(lián)圖像運(yùn)行結(jié)果4

多媒體標(biāo)記(２)外聯(lián)圖像當(dāng)內(nèi)聯(lián)圖像很大時(shí)，瀏覽網(wǎng)頁(yè)時(shí)就需要花很長(zhǎng)的時(shí)間來(lái)下載圖片。解決這個(gè)問(wèn)題的辦法是用文字或小的內(nèi)聯(lián)圖像來(lái)代表大圖像，而把大圖像當(dāng)作一個(gè)單獨(dú)的文檔，再把文字或者圖標(biāo)與大圖像鏈接在一起，當(dāng)用鼠標(biāo)單擊這個(gè)鏈接后，大圖像顯示在另一個(gè)窗口中，這種圖像就稱為外聯(lián)圖像鏈接外聯(lián)圖像可以使用下面的語(yǔ)句：<ahref="URL地址">…</a>例２<html>

<head> <title>插入外聯(lián)圖象</title>

</head>

<h1>外聯(lián)圖象</h1>

<body> <ahref="mooncake.jpg"><imgsrc="Smallfile.jpg"></a> <br> <br> <ahref="mooncake.jpg">用文字代表大圖像</a>

</body></html>例2：外聯(lián)圖像運(yùn)行結(jié)果4

多媒體標(biāo)記(3)圖像作為網(wǎng)頁(yè)的背景例3使用圖像作為網(wǎng)頁(yè)背景可使用下面的語(yǔ)句：<bodybackground="URL地址">background屬性指定圖像文件，其值為背景圖像的URL地址。瀏覽器將其平鋪，布滿整個(gè)網(wǎng)頁(yè)。<ht