7天學(xué)會網(wǎng)站建設(shè)-最快培訓(xùn)教程

1、友情提醒醒：如果果你還不不熟悉網(wǎng)網(wǎng)站建設(shè)設(shè)、美工工設(shè)計、內(nèi)容優(yōu)優(yōu)化、網(wǎng)網(wǎng)站推廣廣的流程程，你可可以選擇擇發(fā)布懸懸賞任務(wù)務(wù)，歡迎迎wwww.522zhaanzhhangg.coom發(fā)布布任務(wù)獲獲得網(wǎng)絡(luò)絡(luò)高手的的全力協(xié)協(xié)助。7天學(xué)會會網(wǎng)站建建設(shè)專業(yè)教程程 編編 輯 人： 老萬組織單位位： 52站站長 20100-8-111目 錄錄第1講 Innterrnett和HTTML簡簡介 1 第第1課 Innterrnett概述1 一、Intternnet工工作原理理1 二、Intternnet發(fā)發(fā)展簡史史1 三、Intternnet提提供的主主要服務(wù)務(wù)2 （一）電電子函件件22 （二二）文件件傳輸2 （三

2、三）電子子公告2 （四四）遠程程登錄3 （五五）網(wǎng)頁頁瀏覽3 第22課 與HTTML有有關(guān)的一一些術(shù)語語 3 一、統(tǒng)統(tǒng)一資源源定位器器URRL 33 二、超超文本標(biāo)標(biāo)記語言言HTTML33 三、超超文本傳傳輸協(xié)議議HTTTP33 第33課 編輯和和運行HHTMLL文檔的的環(huán)境 4 習(xí)題題4第2講 HTTML語語言的語語法基礎(chǔ)礎(chǔ)及規(guī)則則 55第1課 基本本結(jié)構(gòu) 5一、標(biāo)簽簽5二、標(biāo)簽簽6（一）標(biāo)簽6 （二二）標(biāo)簽簽6三、標(biāo)簽簽77四、基本本結(jié)構(gòu)8第2課 文本本88一、標(biāo)標(biāo)簽8二、標(biāo)標(biāo)簽（ii=1，22，3，44，5，66）110三、標(biāo)簽簽111四、標(biāo)標(biāo)簽 112五、標(biāo)簽113六、字符符格式標(biāo)標(biāo)簽

3、 14七、標(biāo)簽簽155第3課 圖像像 115一、SRRC屬性性166二、確定定圖像大大小的屬屬性16三、ALLIGNN屬性116四、ALLT屬性性177五、確定定圖像過過距的屬屬性18六、BOORDEER屬性性18七、ISSMAPP屬性 19 習(xí)題題二19第3講列列表、表表格和文文檔的超超鏈接211 第11課 HTMML文檔檔中的列列表元素素21 一、無無序列表表211 二、排排序列表表222 三、目目錄列表表233 四、菜菜單列表表244 五、描描述性列列表244 第22課 HTMML中的的表格元元素27 一、標(biāo)簽 27 （一一）boordeer屬性性 227 （二二）wiidthh和hee

4、ighht屬性性 277 （三三）allignn屬性277 （四四）ceellsspaccingg屬性299 （五五）ceellppadddingg屬性299 二、標(biāo)標(biāo)簽 30 （一一）ALLIGNN屬性311 （二二）VAALIGGN屬性性 331 三、標(biāo)簽簽 333 （一一）ALLIGNN屬性333 （二二）VAALIGGN屬性性333 四、和標(biāo)標(biāo)簽333 （一一）roowsppan屬屬性333 （二二）coolsppan屬屬性333 （三三）allignn屬性355 （四四）vaaliggn屬性性355 五、一一些僅在在IE中中有效的的標(biāo)簽和和屬性336 （一一）和和標(biāo)簽簽的bggcol

5、lor屬屬性36 （二二）和和標(biāo)簽簽的baackggroooundd屬性336 （三三）標(biāo)標(biāo)簽的fframme屬性性366 （四四）表格格的行分分組443 （五五）表格格的列分分組444 （六六）標(biāo)標(biāo)簽的rrulees屬性性477 第33課 文檔的的超鏈接接522 一、不不同文檔檔之間的的跳轉(zhuǎn)522 二、跳跳轉(zhuǎn)到標(biāo)標(biāo)記位置置533 三、鏈鏈接地圖圖555 習(xí)題題三56第1講 Innterrnett和HTTML簡簡介本講概要要： IInteerneet概述述 與與HTMML有關(guān)關(guān)的一些些術(shù)語 編編輯和運運行HTTML文文檔的環(huán)環(huán)境第1課 Innterrnett概述在這一課課中，我我們將介介紹In

6、nterrnett（因特特網(wǎng)，也也稱國際際互聯(lián)網(wǎng)網(wǎng)）的工工作原理理、發(fā)展展簡史和和它提供供的主要要服務(wù)，讓讓讀者對對Intternnet有有個大致致的了解解。一、Innterrnett 工作作原理所謂計算算機網(wǎng)絡(luò)絡(luò)，就是是將各自自獨立的的電腦主主機（節(jié)節(jié)點）通通過通信信線路連連接而成成的信息息技 術(shù)術(shù)系統(tǒng)。Intternnet是是一種全全球范圍圍的基于于分組交交換原理理和TCCP/IIP協(xié)議議的計算算機網(wǎng)絡(luò)絡(luò)。它將將 信息息進行分分組（分分割為許許多小數(shù)數(shù)據(jù)包）后后以數(shù)據(jù)據(jù)包為單單位進行行傳輸。Intternnet在在進行信信息傳輸輸時要完完成的任任務(wù)主要要有兩項項：一是是正確分分割源文文件和

7、在在目的地地將同一一源文件件的數(shù)據(jù)據(jù)包準(zhǔn)確確地重組組起來；二是將將數(shù)據(jù)包包準(zhǔn)確地地送往目目的地。 Intternnet基基于TCCP協(xié)議議（傳輸輸控制協(xié)協(xié)議）對對數(shù)據(jù)進進行分組組和重組組。TCCP協(xié)議議規(guī)定了了分割 數(shù)據(jù)和和重組數(shù)數(shù)據(jù)所要要遵循的的規(guī)則和和要進行行的操作作。在分分割數(shù)據(jù)據(jù)時，TTCP協(xié)協(xié)議將為為數(shù)據(jù)包包添 加加一些附附加信息息，讓計計算機知知道哪些些數(shù)據(jù)包包來自于于同一個個源文件件，以及及這些數(shù)數(shù)據(jù)包在在文件中中的順序序，從而而能在目目的地將將這些數(shù)數(shù)據(jù)包重重新組合合起來。數(shù)據(jù)在在Intternnet上上的傳輸輸往往是是遠距離離的，因因此在傳傳輸過程程中是通通過路由由器一站站一

8、站轉(zhuǎn)轉(zhuǎn)接來實實現(xiàn)的。路由器器是一種種特殊的的計算機機，它會會檢測數(shù)數(shù)據(jù)包的的目標(biāo)地地址（目目標(biāo)主機機的地址址），然然后決定定將該數(shù)數(shù)據(jù)包送送往何處處。IPP協(xié)議（網(wǎng)網(wǎng)際協(xié)議議）給IInteerneet中的的每一臺臺計算機機規(guī)定了了一個地地址IP地地址。IIP地址址的標(biāo)準(zhǔn)準(zhǔn)格式（如如 2002.1103.1444.1001）由由四部分分組成，前前兩部分分規(guī)定了了當(dāng)前使使用網(wǎng)絡(luò)絡(luò)的管理理機構(gòu)，第第三部分分規(guī)定了了當(dāng)前使使用的網(wǎng)網(wǎng)絡(luò)的地地址，最最后一部部分則規(guī)規(guī)定了當(dāng)當(dāng)前使用用的計算算機的地地址。二、Innterrnett發(fā)展簡簡史Inteerneet起源源于200世紀(jì)660年代代。當(dāng)時時，美國國和

9、蘇聯(lián)聯(lián)兩個超超級大國國一直在在進行冷冷戰(zhàn)，兩兩國儲備備的核武武器足以以摧毀整整個地球球。美國國軍方最最關(guān)心的的一件事事是：如如何能在在通訊設(shè)設(shè)備受到到核武器器襲擊后后保持聯(lián)聯(lián)絡(luò)?按按照美國國當(dāng)時的的情況，所所有的命命令和指指示都是是由通訊訊總指揮揮部做出出的，它它一旦被被炮火摧摧毀，整整個美國國軍隊之之間的通通訊就陷陷入癱瘓瘓狀態(tài)，后后果不堪堪設(shè)想?！胺纸M交交換”的思想想就是在在那時提提出的。在分組組交換的的通訊網(wǎng)網(wǎng)絡(luò)中沒沒有總指指揮部，每每一結(jié)點點的地位位都是相相等的，它它們都能能發(fā)送和和接收信信息。這這樣，如如果某個個結(jié)點被被敵軍摧摧毀的話話，剩余余的結(jié)點點仍可以以完成通通訊聯(lián)絡(luò)絡(luò)工作。1

10、9668年，基基于分組組交換原原理的計計算機網(wǎng)網(wǎng)絡(luò)ARPPANEET建成成了，這這就是最最初的IInteerneet。 之后，AARPAANETT的應(yīng)用用由軍事事領(lǐng)域延延伸到教教育領(lǐng)域域，科學(xué)學(xué)家們開開始使用用ARPPANEET交換換信息，共共享研究究成果。19883年，TTCP/IP協(xié)協(xié)議的建建立，使使計算機機通信有有了統(tǒng)一一的標(biāo)準(zhǔn)準(zhǔn)，這是是計算機機網(wǎng)絡(luò)發(fā)發(fā)展史上上的一個個里程碑碑，網(wǎng)絡(luò)絡(luò)從此進進入高速速發(fā)展的的時代。到了119844年，連連在ARRPANNET上上的主機機數(shù)已超超過10000臺臺。19986年年，美國國國家科科學(xué)基金金會NSSF（NNatiionaalScciennce F

11、ouundaatioon）建建立了自自己的計計算機網(wǎng)網(wǎng)絡(luò)，以以滿足科科學(xué)研究究的需要要。 NNSFNNET很很快超過過了ANNPANNET而而成為最最大的計計算機網(wǎng)網(wǎng)絡(luò)。119877年，連連在NSSFNEET上的的主機數(shù)數(shù)已達到到10000臺，計計算機網(wǎng)網(wǎng)絡(luò)開始始在民用用領(lǐng)域內(nèi)內(nèi)大有作作為。到到了19989年年，連在在網(wǎng)絡(luò)上上的主機機數(shù)達到到10萬萬臺，119922年達到到1000萬臺。 隨著計計算機和和通信事事業(yè)的飛飛速發(fā)展展，計算算機網(wǎng)絡(luò)絡(luò)由過去去的軍事事和教育育專用網(wǎng)網(wǎng)絡(luò)發(fā)展展成為無無所不包包，無所所不能的的國際互互聯(lián)網(wǎng)絡(luò)絡(luò)Intternnet。我們可可以在IInteerneet上查查找

12、資料料、做廣廣告、發(fā)發(fā)布信息息、通信信、發(fā)傳傳真甚至至交談和和舉行會會議。IInteerneet已經(jīng)經(jīng)成為與與我們的的生活和和工作密密切相關(guān)關(guān)的一部部分了。三、Innterrnett提供的的主要服服務(wù) Intternnet提提供的服服務(wù)主要要有 EE-maail、FTPP、BBBS、TTelnnet和和WWWW五種。 （一）電電子函件件 電子函函件（EE-maail）可可以簡單單地理解解成為通通過Innterrnett發(fā)送和和接收的的郵件，不不過這種種郵件必必須是存存儲在計計算機內(nèi)內(nèi)的文檔檔或程序序。和普普通郵件件一樣，發(fā)發(fā)送電子子函件也也必須有有郵件地地址，它它的格式式為：接接收用戶戶名目目

13、標(biāo)主機機名，如如wuyyutiinghottmaiil.ccom。電子函函件具有有速度快快，價格格低廉等等優(yōu)點，是是Intternnet上上應(yīng)用極極為廣泛泛的一項項功能。我國使使用Innterrnett就是從從19887年錢錢天白教教授發(fā)出出第一封封電子函函件“越過長長城，通通向世界界”開始的的。 （二）文文件傳輸輸 FTPP，（FFilee Trranssporrt PProttocool）即即文件傳傳輸協(xié)議議，用于于登錄遠遠程主機機調(diào)用所所需要的的文件，并并將它傳傳到自己己的計算算機上。FTPP的使用用格式為為：FTTP目標(biāo)標(biāo)主機的的IP地地址（或或域名），如如FTPP m。當(dāng)使使用FTT

14、P命令令登錄目目標(biāo)主機機后，還還要輸入入用戶名名和密碼碼進行身身份驗證證。非注注冊用戶戶可以使使用通用用用戶名名Anoonymmouss（匿名名者）并并用Guuestt或自己己的E-maiil地址址作為密密碼。IInteerneet上的的大多數(shù)數(shù)主機都都提供文文件共享享服務(wù)，但但是給予予匿名用用戶的權(quán)權(quán)限要低低于注冊冊用戶。 （三）電電子公告告 BBSS（Buulleetinn Booardd Syysteem）即即電子公公告板系系統(tǒng)，用用戶可以以在電子子公告板板上發(fā)布布信息和和進行討討論。這這有些類類似我們們平常使使用的留留言板。當(dāng)一個個用戶在在公告板板上發(fā)布布某條新新聞或詢詢問某個個問題后

15、后，其他他進入該該公告板板系統(tǒng)的的用戶就就會看到到這些信信息并做做出回應(yīng)應(yīng)。登錄錄BBSS需要特特定的程程序，常常用的如如Netttemm，用戶戶只需要要在列表表中輸入入想登錄錄的BBBS的IIP地址址（或域域名）及及相應(yīng)的的端口號號即可。 （四）遠遠程登錄錄 計算機機用戶可可以通過過Tellnett命令將將本地計計算機連連至遠程程計算機機上來使使用遠程程計算機機的程序序和數(shù)據(jù)據(jù)。Teelneet的命命令格式式為：TTelnnet遠遠程主機機的IPP地址（或或域名），如如Tellnettbbss.SjjtU.eduu.onn。當(dāng)用用戶想中中斷與遠遠程計算算機的連連接時，可可以使用用Quiit或

16、CClosse命令令退出。 （五）網(wǎng)網(wǎng)頁瀏覽覽 網(wǎng)頁瀏瀏覽（WWWW）雖雖然是創(chuàng)創(chuàng)建最晚晚的一種種服務(wù)方方式，但但它便捷捷的操作作方式，豐豐富的信信息資源源使它迅迅速超過過FTPP、BBBS、TTelnnet甚甚至E-maiil而成成為Innterrnett應(yīng)用最最為廣泛泛的一項項功能。 WWWW采用客客戶用/服務(wù)器器的工作作方式。程序和和數(shù)據(jù)等等信息存存放在WWeb（網(wǎng)網(wǎng)頁）服服務(wù)器中中，用戶戶則在WWeb客客戶機上上通過WWeb 瀏覽器器下載網(wǎng)網(wǎng)頁，進進行瀏覽覽和交互互操作（通通常簡稱稱為測覽覽）。最最常用的的兩種WWeb 瀏覽器器是Neetsccapee公司的的Nettscaape Na

17、vvigaatorr和微軟軟公司的的IE（IInteerneet EExplloreer）。用戶在在使用這這兩種WWeb 瀏覽器器瀏覽網(wǎng)網(wǎng)頁時，只只需在地地址欄中中鍵入相相應(yīng)的網(wǎng)網(wǎng)址即可可。第2課 與HHTMLL有關(guān)的的一些術(shù)術(shù)語一、統(tǒng)一一資源定定位器URRL URLL（Unnifoorm Ressourrce Loccatiion）即即統(tǒng)一資資源定位位器，它它指出了了文件在在Intternnet中中的位置置。URRL由協(xié)協(xié)議名、Webb服務(wù)器器地址、文件在在服務(wù)器器中的路路徑（即即目錄）和和文件名名四部分分構(gòu)成。例如，hhttpp：/wwww.miicroosofft.ccom/inttl/

18、ccn/iindeex.hhtmll。 其中hhttpp：/是協(xié)議議名，表表示文件件的運行行是遵循循超文本本傳輸協(xié)協(xié)議的。wwww.miicroosofft.ccom是是Webb服務(wù)器器的地址址，/iintll/cnn是文件件所在的的目錄，iindeex.hhtmll則是文文件名。二、超文文本標(biāo)語語語言HTTML HTMML（HHypeerteext Marrkupp Laanguuagee）即超超文本標(biāo)標(biāo)記語言言，它是是一種用用于編寫寫超文本本文檔的的標(biāo)記語語言。自自從19990年年首次應(yīng)應(yīng)用于網(wǎng)網(wǎng)頁編輯輯后，HHTMLL迅速崛崛起成為為網(wǎng)頁編編輯的主主流語言言。幾乎乎所有的的網(wǎng)頁都都是由H

19、HTMLL或以其其他程序序語言嵌嵌套在HHTMLL中編寫寫的。HHTMLL并不是是一種程程序語言言而是一一種結(jié)構(gòu)構(gòu)語言，它它具有平平臺無關(guān)關(guān)性。無無論用戶戶使用何何種操作作系統(tǒng)（WWinddowss、Doos、UUnixx等等），只只要有相相應(yīng)的瀏瀏覽器程程序，就就可以運運行HTTML文文檔。三、超文文本傳輸輸協(xié)議HTTTP 超文本本傳輸協(xié)協(xié)議規(guī)定定了瀏覽覽器在運運行HTTML文文檔時所所遵循的的規(guī)則和和要進行行的操作作。HTTTP協(xié)協(xié)議的制制定使測測覽器在在運行超超文本文文檔時有有了統(tǒng)一一的規(guī)則則和標(biāo)準(zhǔn)準(zhǔn)，從而而大大增增強了網(wǎng)網(wǎng)頁的適適用性。第3課 編輯輯和運行行HTMML文檔檔的環(huán)境境 我

20、們一一般采用用純文本本文檔編編輯器，如如Winndowws中的的記事本本或?qū)懽肿职?，DDos中中的文本本編輯器器Ediit等來來編輯HHTMLL文檔，并并在保存存時將其其存為后后綴名為為.httm或.htmml的文文檔。不不提倡使使用Woord、WPSS等字處處理軟件件來編輯輯HTMML文檔檔，因為為這樣會會導(dǎo)致格格式字符符出錯。 HTMML文檔檔是運行行在Weeb瀏覽覽器上的的，最常常用的兩兩種瀏覽覽器是NNetsscappe公司司的Neetsccapee、Coommuuniccatoor和微微軟公司司的IEE。在使使用這兩兩種瀏覽覽器運行行HTMML文檔檔時，只只需在地地址欄中中鍵入文文件

21、的UURL即即可。如如果只鍵鍵入目標(biāo)標(biāo)服務(wù)器器的地址址，瀏覽覽器將顯顯示目標(biāo)標(biāo)服務(wù)器器上的HHomeepappe（主主頁），即即目標(biāo)服服務(wù)器在在被用戶戶訪問時時顯示的的缺省文文檔。習(xí) 題題 一一 一一、填空空題 1IInteerneet是一一種全球球范圍的的基于原原理和協(xié)協(xié)議的計計算機網(wǎng)網(wǎng)絡(luò)。它它是將信信息分組組后以數(shù)數(shù)據(jù)包為為單位進進行傳輸輸?shù)摹?2IIP地址址的標(biāo)準(zhǔn)準(zhǔn)格式由由四部分分組成，前前兩部分分規(guī)定了了當(dāng)前使使用網(wǎng)絡(luò)絡(luò)的，第第二部分分規(guī)定了了當(dāng)前使使用的的的地址，最最后一部部分則規(guī)規(guī)定了當(dāng)當(dāng)前使用用的的地地址。 3FFTP的的非注冊冊用戶可可以使用用通用用用戶名登登錄并用用或自己己的

22、E-maiil地址址作為密密碼。 4即即統(tǒng)一資資源定位位器，由由、Weeb服務(wù)務(wù)器地址址、文件件在服務(wù)務(wù)器中的的路徑和和四部分分構(gòu)成。 5我我們一般般采用編編輯器，如如Winndowws中的的或?qū)懽肿职?、DDos中中的Eddit等等來編輯輯HTMML文檔檔。 二、簡簡答題 1簡簡述Innterrnett發(fā)展史史。 2IInteerneet提供供的服務(wù)務(wù)主要有有哪五種種?它們們各自的的功能是是什么? 3常常用的WWeb 瀏覽器器有哪兩兩種?它它們分別別是什么么公司生生產(chǎn)的?本講難點： （1）Internet的工作原理； （2）統(tǒng)一資源定位器URL； （3）編輯HTML文檔的環(huán)境。 本講難難點：

23、（11）Innterrnett的工作作原理； （22）統(tǒng)一一資源定定位器UURL； （33）編輯輯HTMML文檔檔的環(huán)境境。第2講 HTTML語語言的語語法基礎(chǔ)礎(chǔ)及規(guī)則則 本講概概要： 元素素和標(biāo)簽簽的涵義義 HTTML文文檔的基基本結(jié)構(gòu)構(gòu) HTTML文文檔中的的文本標(biāo)標(biāo)簽 HHTMLL文檔中中的圖像像標(biāo)簽 HTMML的主主要語法法是元素素和標(biāo)簽簽。元素素是符合合DTDD（文檔檔類型定定義）的的文檔組組成部分分，如ttitlle（文文檔標(biāo)題題）、IIMG（圖圖像）、tabble（表表格）等等等。元元素名不不區(qū)分大大小寫。HTMML用標(biāo)標(biāo)簽來規(guī)規(guī)定元素素的屬性性和它在在文檔中中的位置置。標(biāo)簽簽分

24、單獨獨出現(xiàn)的的標(biāo)簽和和成對出出現(xiàn)的標(biāo)標(biāo)簽兩種種。大多多數(shù)標(biāo)簽簽是成對對出現(xiàn)的的，由首首標(biāo)簽和和尾標(biāo)簽簽組成。首標(biāo)簽簽的格式式為，尾標(biāo)標(biāo)簽的格格式為。成對標(biāo)標(biāo)簽用于于規(guī)定元元素所含含的范圍圍，如和標(biāo)簽用用來界定定標(biāo)題元元素的范范圍，也也就是說說，和和之間間的部分分是該HHTMLL文檔的的標(biāo)題。單獨標(biāo)標(biāo)簽的格格式為，它它的作用用是在相相應(yīng)的位位置插入入元素。如標(biāo)標(biāo)簽表示示在該標(biāo)標(biāo)簽所在在位置插插入一個個換行符符。本講講將介紹紹HTMML文檔檔的基本本結(jié)構(gòu)以以及文本本部分和和圖像部部分使用用的主要要標(biāo)簽，掌掌握這些些知識讀讀者便能能編輯一一些簡單單的網(wǎng)頁頁。第1課 基 本 結(jié)結(jié) 構(gòu) 了解HHTMLL

25、文檔的的基本結(jié)結(jié)構(gòu)前，我我們先認(rèn)認(rèn)識一下下組成HHTMLL文檔的的各種標(biāo)標(biāo)簽。 一、標(biāo)標(biāo)簽 標(biāo)簽是是文檔標(biāo)標(biāo)識符，它它是成對對出現(xiàn)的的，首標(biāo)標(biāo)簽和尾尾標(biāo)簽分別位位于文檔檔的最前前面和最最后面，明明確地表表示文檔檔是以超超文本標(biāo)標(biāo)識語言言（HTTML）編編寫的。該標(biāo)簽簽不帶任任何屬性性。 事實上上，我們們現(xiàn)在常常用的WWeb瀏瀏覽器（NNetsscappe和IIE）都都可以自自動識別別HTMML文檔檔，并不不要求有有標(biāo)簽，也也不對該該標(biāo)簽做做任何操操作。但但是，為為了提高高文檔的的適用性性，使我我們編寫寫的HTTML文文檔能適適應(yīng)日新新月異的的Webb瀏覽器器，還是是應(yīng)該養(yǎng)養(yǎng)成使用用這個標(biāo)標(biāo)簽的

26、習(xí)習(xí)慣。 二、標(biāo)標(biāo)簽 HEAAD是英英文“頭”的意思思。習(xí)慣慣上我們們把HTTML文文檔分為為文檔頭頭和文檔檔主體兩兩部分。文檔主主體部分分就是我我們在WWeb瀏瀏器窗口口的用戶戶區(qū)內(nèi)看看到的內(nèi)內(nèi)容，而而文檔頭頭部分用用來規(guī)定定該文檔檔的標(biāo)題題（出現(xiàn)現(xiàn)在Weeb瀏覽覽器窗口口的標(biāo)題題欄中）和和文檔的的一些屬屬性。HHTMLL文檔的的標(biāo)簽是是可以嵌嵌套的，即即在一對對標(biāo)簽中中可以嵌嵌入另一一對子標(biāo)標(biāo)簽，用用來規(guī)定定母標(biāo)簽簽所含范范圍的屬屬性或其其中某一一部分內(nèi)內(nèi)容，嵌嵌套在標(biāo)標(biāo)簽中使使用的主主要有標(biāo)簽和和際簽。 （一）標(biāo)簽 標(biāo)簽簽是成對對出現(xiàn)的的，用以以規(guī)定HHTMLL文檔的的標(biāo)題。在和和之之間

27、的內(nèi)內(nèi)容將顯顯示在WWeb 瀏覽器器窗口的的標(biāo)題欄欄中。例例： Thhis is a ttestt TIITLEE teext. HTMML iis nno rreall laanguuagee suuch as C+or Passcall，itt iss juust a ssysttem forr deescrribiing doccumeentss.A WWWW brrowsser intterpprett thhe HHTMLL- ccodee annd ddispplayy itt 在IEE4.00中顯示示效果如如圖2-1所示示。圖2-11 IIE4.0顯示示效果圖圖 （二）標(biāo)標(biāo)簽 是

28、一個個單獨標(biāo)標(biāo)簽，它它用來規(guī)規(guī)定文檔檔的屬性性，說明明該文檔檔是可以以按關(guān)鍵鍵字索引引的。下下面我們們通過一一個簡單單的例子子來說明明該標(biāo)簽簽的作用用。 這是是一個“ISIINDEEX”標(biāo)簽的的范例程程序。 HTMML iis aa sppeciial verrsioon oof SSGMLL（iss ussed by bigg coompaaniees ffor excchannge of datta）ffocuusedd onn Hyyperrtexxt. HTMML ccodee iss wrrittten in ASCCll.Thiis iis aa addvanntagges，bbe

29、caauseeASCCII cann bee reead by aboout anyy pllatfformm，thhus makkingg thhe WWWW usaablee foor aany plaatfoorm as lonngass viieweer pproggramms，tthe broowseers exiist 在IEE4.00中顯示示效果如如圖2-2所示示。圖2-22 IISINNDEXX測試文文檔 其中“可以搜搜索該索索引。請請鍵入要要搜索的的關(guān)鍵字字：”是IEE瀏覽器器自動加加上去的的。瀏覽覽者在空空白文本本框條內(nèi)內(nèi)鍵入要要查詢的的關(guān)鍵字字并按回回車確認(rèn)認(rèn)后，光光標(biāo)將

30、移移至該關(guān)關(guān)鍵字或或包含該該關(guān)鍵字字的詞處處。此時時，與關(guān)關(guān)鍵字相相匹配的的字符呈呈亮藍色色。 三、標(biāo)簽 標(biāo)簽是是成對出出現(xiàn)的。在之之間的內(nèi)內(nèi)容將顯顯示在WWeb瀏瀏覽器窗窗口的用用戶區(qū)內(nèi)內(nèi)，它是是HTMML文檔檔的主體體部分。在標(biāo)簽簽中可以以規(guī)定整整個文檔檔的一些些基本屬屬性：“BGGCOLLOR”。指定定HTMML文檔檔的背景景色。“TEEXT”。指定定HTMML文檔檔中文字字的顏色色?！癓IINK”。指定定HTMML文檔檔中待連連接超鏈鏈接對象象的顏色色?！癆LLINKK”。指定定HTMML文檔檔中連接接中超鏈鏈接對象象的顏色色。“VLLINKK”。指定定HTMML文檔檔中已連連接超鏈鏈

31、接對象象的顏色色?！癇AACKGGROUUND”。指定定HTMML文檔檔的背景景文件。 在指定定對象的的顏色時時，可以以使用該該顏色的的代碼或或直接使使用該顏顏色對應(yīng)應(yīng)的英文文單詞，例例如，我們們指定HHTMLL文檔的的背景色色為綠色色，可以以表示為為：，也可以表表示為。為為了便于于記憶，建建議讀者者直接用用相應(yīng)的的英文單詞詞指定顏顏色。BBodyy屬性的的參數(shù)值值可以是是表2-1所示示16種種顏色中中的任何何一種。表2-11 文文檔主體體部分的的可用顏顏色名 稱稱顏 色色名 稱稱顏 色色Blacck黑 色色Red紅 色色Limee石灰色Marooon栗 色色Grayy灰 色色Silvver銀

32、白色Navyy海軍藍Olivve橄欖綠Purpple紫 色色Yelllow黃 色色Aquaa淺藍綠Bluee藍 色色Greeen綠 色色Fuchhsiaa紫紅色Whitte白 色色Teall暗藍綠 四、基基本結(jié)構(gòu)構(gòu)一個HHTMLL文檔的的基本結(jié)結(jié)構(gòu)如下下：標(biāo)志著著HTMML文檔檔開始文檔標(biāo)標(biāo)題 文檔的的主體部部分 標(biāo)志著著HTMML文檔檔結(jié)束 與之之間的部部分是HHTMLL文檔的的文檔頭頭部分，用用以說明明文檔的的標(biāo)題和和整個文文檔的一一些公共共屬性。與之之間的部部分是HHTMLL文檔的的主體部部分。我我們下面面介紹的的標(biāo)簽，如如不加特特別說明明，均是是嵌套在在這一對對標(biāo)簽中中使用的的。第2課

33、 文 本 HTMML文檔檔中，文文本也是是由一些些標(biāo)簽標(biāo)標(biāo)注和控控制的，本本課就介介紹這些些相關(guān)的的標(biāo)簽。 一、標(biāo)簽“BR”即Brreakk，是換換行標(biāo)簽簽，它是是單獨出出現(xiàn)的，作作用相當(dāng)當(dāng)于插入入一個回回車符。如果沒沒有換行行標(biāo)簽的的話，WWeb瀏瀏覽器將將根據(jù)瀏瀏覽器窗窗口的寬寬度盡可可能長地地顯示文文本，而而不是按按照HTTML文文檔中的的文本格格式顯示示。例： Thiis IIs aa teest BR texxt.HTMLL iss noo reeal lannguaage succh aas CC+oor PPasccal，it iis jjustt a sysstemm foor

34、 ddesccribbingg doocummentts.A WWWW bbrowwserr innterrpreet ttheHTMLL-coode andd diispllay it在IE44.0中中顯示效效果如圖圖2-33所示。圖2-33 插插入標(biāo)標(biāo)簽的文文檔如果刪去去所有的的標(biāo)簽簽，在IIE4.0中顯顯示效果果如圖22-4所所示。圖2-44 刪刪去標(biāo)標(biāo)簽的文文檔 二、標(biāo)標(biāo)簽（ii=1，22，3，44，5，66） 標(biāo)簽簽是成對對出現(xiàn)的的，夾在在和之間間的文字字是HTTML文文檔中的的標(biāo)題。標(biāo)題文文字都用用黑體顯顯示，上上級標(biāo)題題總比下下面各級級標(biāo)題要要更大些些、粗些些，具體體有多大大則因

35、瀏瀏覽器的的不同而而不同。標(biāo)簽簽共分六六級，其其中標(biāo)簽簽所括起起的文字字是第一一級標(biāo)題題，最大大最粗：標(biāo)簽簽所括起起的文字字是最后后一級標(biāo)標(biāo)題，最最小最細細。例： Hi標(biāo)簽測測試文檔檔。 這是第第一級標(biāo)標(biāo)題。這是第第二級標(biāo)標(biāo)題。這是第第三級標(biāo)標(biāo)題。這是第第四級標(biāo)標(biāo)題。這是第第五級標(biāo)標(biāo)題。這是第第六級標(biāo)標(biāo)題。 在IEE4.00中顯示示效果如如圖2-5。 圖22-5 文章章中標(biāo)題題顯示效效果圖 從圖22-5中中我們可可以看出出。標(biāo)簽簽隱含有有換行標(biāo)標(biāo)簽的作作用，文文本從下下一行開開始。標(biāo)標(biāo)簽的屬屬性有CCOLOOR、AALIGGN，分分別標(biāo)識識標(biāo)題的的顏色和和位置。COLLOR屬屬性的參參數(shù)值取取

36、值范圍圍和標(biāo)簽簽的屬性性一樣，可可以是116種顏顏色（詳詳見表22-1）中中的任意意一種。ALIIGN屬屬性的參參數(shù)值為為lefft、ccentter或或rigght之之一，分分別表示示標(biāo)題位位于瀏覽覽器窗口口的左側(cè)側(cè)、中間間和右側(cè)側(cè)。 三、標(biāo)標(biāo)簽 P即pparaagraaph（段段落），標(biāo)標(biāo)簽用于于劃分段段落，作作用是換換行并插插入一個個空白行行，它可可以單獨獨使用，也也可以成成對使用用。例： 這是是一個段段落標(biāo)簽簽瀏試文文檔。 這表示示一個段段落結(jié)束束。 下面是是第二段段。 還是第第二段。 下面是是第三段段。 在IEE4.00中顯示示效果如如圖2-6所示示。圖2-66 段段落標(biāo)簽簽顯示效效

37、果圖 當(dāng)和標(biāo)簽成成對使用用時，可可以添加加ALIIGN屬屬性，用用以標(biāo)識識段落在在瀏覽器器中的位位置。AALIGGN屬性性的參數(shù)數(shù)值為lleftt、ceenteer和rrighht之一一，分別別表示和和標(biāo)簽簽所括起起的段落落位于瀏瀏覽器窗窗口的左左側(cè)、中中間和右右側(cè)。例例： 這是是一個段段落位置置測試文文檔。 段段落位于于左側(cè)。 段落落位于中中間。段段落位于于右側(cè)。在IE44.0中中顯示效效果如圖圖2-77所示。圖277 段段落標(biāo)簽簽的位置置屬性 四、標(biāo)簽 標(biāo)簽簽是單獨獨使用的的標(biāo)簽。HR即即Horrizoontaal RRulee，它的的作用是是換行并并在該行行下畫一一條水平平直線，直直線的

38、上上下兩端端都會留留出一定定的空白白。標(biāo)標(biāo)簽的屬屬性有：SIZZE、WWIDTTH和AALIGGN。 （1）SSIZEE屬性。用以規(guī)規(guī)定水平平線的高高度，該該屬性的的參數(shù)值值必須是是數(shù)字。 （2）WWIDTTH屬性性。用以以規(guī)定水水平線的的寬度，該該屬性的的參數(shù)值值可以是是數(shù)字（代代表字符符數(shù)）或或百分?jǐn)?shù)數(shù)（占瀏瀏覽器寬寬度的百百分比）。缺省時時，水平平線占據(jù)據(jù)整個瀏瀏覽器窗窗口寬度度。 （3）AALIGGN屬性性。當(dāng)水水平線寬寬度小于于瀏覽器器窗口寬寬度時，使使用該屬屬性規(guī)定定水平線線在瀏覽覽器窗口口的位置置。ALLIGNN屬性的的參數(shù)值值為leeft、cennterr和riightt之一，

39、分分別表示示該水平平線位于于瀏覽器器窗口的的左側(cè)、中間和和右側(cè)。例： HRR標(biāo)簽測測試文檔檔 水平線線位于左左側(cè)。 水平線線位于中中間。 水平線線位于右右側(cè)。 在IEE4.00中顯示示效果如如圖2-8所示示。圖2-88 水水平線標(biāo)標(biāo)簽顯示示效果圖圖 五、標(biāo)簽簽 標(biāo)標(biāo)簽是預(yù)預(yù)格式化化標(biāo)簽，它它是成對對出現(xiàn)的的。Weeb 瀏瀏覽器按按編輯文文檔時的的字符位位置將和標(biāo)標(biāo)簽之間間的內(nèi)容容忠實地地、一成成不變地地顯示出出來。例例： PRRE標(biāo)簽簽測試文文檔 19992 Jannuarry on 15tth，tthe firrst linne mmodee brrowsser wass avaailaab

40、lee byy annonyymouus FFTP. 在IEE4.00中顯示示效果如如圖2-9所示示。 一般說說來，如如果不使使用預(yù)格格式化標(biāo)標(biāo)簽，WWeb瀏瀏覽器在在顯示HHTMLL文檔時時只保留留格式符符而忽略略原文檔檔中的回回車和空空格，并并根據(jù)需需要對原原文檔的的字體、大小進進行調(diào)整整。上例例中如果果刪去和這這對標(biāo)簽簽，則在在IE44.0中中顯示效效果如圖圖2-110所示示。圖2-99 預(yù)預(yù)格式化化顯示效效果圖圖2-110 非預(yù)格格式化顯顯示效果果圖 六、字字符格式式標(biāo)簽 HTMML文檔檔的字符符格式標(biāo)標(biāo)簽主要要有（BBoldd）、（IItallic）、和（UUndeerliinedd

41、）三種種，它們們都是成成對出現(xiàn)現(xiàn)的。運運行HTTML文文檔時，和和之間間的內(nèi)容容將顯示示為黑體體文字，和和之間間的內(nèi)容容將顯示示為斜體體文字，和和之間間的內(nèi)容容將顯示示為帶下下劃線的的文字。例： 這是是格式化化字符測測試文檔檔 這是黑黑體文字字。 這是斜斜體文字字。 這是帶帶下劃線線的文字字。 在IE44.0中中顯示效效果如圖圖2-111所示示。圖2-111 格式化化字符顯顯示效果果圖七、標(biāo)簽簽 標(biāo)簽簽是地址址標(biāo)簽，它它是成對對出現(xiàn)的的，一般般放在文文檔體的的首部或或尾部。和之之間的內(nèi)內(nèi)容一般般是有關(guān)關(guān)作者的的信息，包包括作者者的姓名名、身份份、地址址等等，在在Webb 瀏覽覽器窗口口中用黑黑

42、體或斜斜體顯示示。第3課 圖 像 圖像可可以使WWeb頁頁面更加加生動美美觀、富富有生機機。Weeb瀏覽覽器可以以顯示JJPEGG和GIIF圖像像。其中中GIFF圖像最最多只能能使用2256種種顏色（即即只能保保存為88位顏色色），而而JPEEG格式式可保存存為244位，對對具有連連續(xù)色調(diào)調(diào)的圖像像有最佳佳效果。不過，GGIF圖圖像雖然然在圖像像質(zhì)量上上不及JJPEGG圖像，但但其所占占存儲空空間小，下下載速度度快。因因此應(yīng)視視不同情情況而決決定應(yīng)使使用哪種種格式的的圖像。對于徽徽標(biāo)、公公司廠標(biāo)標(biāo)等在每每一主頁頁顯示，要要求能快快速下載載并能在在低配置置的系統(tǒng)統(tǒng)中查詢詢的圖像像。應(yīng)采采用GII

43、F格式式，而對對于掃描描圖片、藝術(shù)作作品這種種對顯示示質(zhì)量要要求很高高的圖像像則應(yīng)采采用JPPEG格格式。 在HTTML文文檔中插插入圖像像是通過過標(biāo)標(biāo)簽來實實現(xiàn)的，該該標(biāo)簽共共有9個個屬性，除除屬性SSRC是是不可缺缺省的外外，其他他屬性都都可選的的。 一、SSRC屬屬性 SRCC即Soourcce，該該屬性用用于指出出被引用用的圖像像文件所所在位置置。在第第1講中中，我們們己經(jīng)介介紹過，超超文本中中每一文文件在網(wǎng)網(wǎng)絡(luò)中的的位置都都由一個個統(tǒng)一資資源定位位器（UURL）唯唯一標(biāo)識識。SRRC屬性性的參數(shù)數(shù)值就是是圖像文文件的UURL，UURL的的表示方方法有絕絕對表示示法和相相對表示示法兩種

44、種。 絕對表表示法范范例： 相對表表示法范范例： 注意：只有當(dāng)當(dāng)圖像文文件和HHTMLL文檔在在同一目目錄下時時才能采采用相對對表示法法來標(biāo)識識圖像文文件的位位置。 二、確確定圖像像大小的的屬性 標(biāo)標(biāo)簽用WWIDTTH和HHEIGGHT這這兩個屬屬性來規(guī)規(guī)定圖像像的大小小。其中中WIDDTH屬屬性用于于確定圖圖像的寬寬度，HHEIGGHT屬屬性用于于確定圖圖像的高高度。這這兩個屬屬性的參參數(shù)值都都是數(shù)字字，表示示圖像寬寬度（高高度）所所占的像像素點數(shù)數(shù)。缺省省時，WWeb原原始圖像像文件的的大小和和瀏覽器器窗口的的大小自自動調(diào)整整圖像的的顯示尺尺寸。 三、AALIGGN屬性性 ALGGN屬性性

45、的參數(shù)數(shù)值為ttop、midddlee或boottoom之一一，分別別表示與與圖像相相鄰的文文字位于于圖像的的左上方方、左面面中間和和右下方方。 下面我我們通過過一個簡簡單的范范例來說說明上述述幾個屬屬性的顯顯示效果果： Ann exxampple of imaage HHapppy BBirtthdaay tto yyou!（JPPEG格格式） A fflicckliing andd brrillliannt sstarr!（GGIF格格式） 在IEE4.00中顯示示效果如如圖2-12所所示。圖2-112 圖像顯顯示效果果圖四、ALLT屬性性 用戶在在瀏覽網(wǎng)網(wǎng)頁時，常常常會為為了節(jié)省省時間或

46、或其他原原因而選選擇不下下載圖片片，加入入ALTT屬性可可以在原原先顯示示圖片的的地方顯顯示一些些有關(guān)圖圖像的信信息。AALT屬屬性的參參數(shù)值就就是網(wǎng)頁頁編輯者者希望在在原來顯顯示圖像像處出現(xiàn)現(xiàn)的文字字信息，一一般是圖圖像的名名稱或簡簡要說明明。 當(dāng)用戶戶選擇關(guān)關(guān)閉下載載圖像功功能時，WWeb 瀏覽器器會在原原來顯示示圖像處處顯示一一幅缺省省圖像和和ALTT屬性的的參數(shù)值值。如果果沒有AALT屬屬性，瀏瀏覽器就就只顯示示一幅缺缺省圖像像，用戶戶無法從從中獲得得有關(guān)原原圖像的的任何信信息?，F(xiàn)現(xiàn)在，國國內(nèi)上網(wǎng)網(wǎng)速度慢慢，費用用偏高，許許多用戶戶都選擇擇不下載載圖像以以加快速速度和節(jié)節(jié)約費用用。因此

47、此，最好好養(yǎng)成添添加ALLT屬性性的習(xí)慣慣，讓用用戶了解解有關(guān)信息，給給用戶更更大的選選擇空間間。例： Ann exxampple of deffaullt iimagge HaPPPy Birrthdday to youu!（JJPEGG格式） A fllickklinng aand briilliiantt sttar!（GIIF格式式） 在IE44.0中中顯示效效果如圖圖2-113所示示圖2-113 關(guān)閉圖圖像功能能時顯示示效果圖圖 五、確確定圖像像邊距的的屬性 標(biāo)標(biāo)簽用VVSPAACE和和HSPPACEE這兩個個屬性來來確定圖圖像與其其相鄰對對象之間間的空白白大小。VSPPACEE屬性

48、用用于指定定圖像與與其垂直直方向上上相鄰對對象之間間的距離離，HSSPACCE用于于指定圖圖像與其其水平方方向上相相鄰對象象之間的的距離。這兩個個屬性的的參數(shù)值值都是數(shù)數(shù)字，表表示空出出距離的的像素點點數(shù)。 六、BBORDDER屬屬性 Webb 瀏覽覽器在調(diào)調(diào)用圖像像時會根根據(jù)瀏覽覽器窗口口和原始始圖像大大小的不不同給圖圖像加上上不同寬寬度的邊邊框。網(wǎng)網(wǎng)頁編輯輯者可以以利用BBORDDER屬屬性來指指定圖像像過框的的寬度或或取消邊邊框（BBORDDER=O）。BORRDERR屬性的的參數(shù)值值也是數(shù)數(shù)字，表表示邊框框?qū)挾人嫉南裣袼攸c數(shù)數(shù)。例： Ann exxampple of imaage

49、Happpy Birrthdday to youu!（JJPEGG格式） A fflicckliing annd briilliiantt sstarr!（GGIF格格式）在IE44.0中中顯示效效果如圖圖2-114所示示。圖2-114 圖像邊邊框顯示示效果圖圖 七、IISMAAP屬性性 這一屬屬性與文文檔的超超鏈接有有關(guān)，我我們將它它放到下下一講“列表、表格和和文檔的的超鏈接接”中講解解。習(xí) 題題 二二 一、填填空題 1標(biāo)標(biāo)簽是HHTMLL中的主主要語法法，分標(biāo)標(biāo)簽和標(biāo)標(biāo)簽兩種種。大多多數(shù)標(biāo)簽簽是出現(xiàn)現(xiàn)的，由由標(biāo)簽和和標(biāo)簽組組成。 2我我們把HHTMLL文檔分分為和兩兩部分。部分就就是我們們

50、在Weeb瀏覽覽器窗口口的用戶戶區(qū)內(nèi)看看到的內(nèi)內(nèi)容，而而部分用用來規(guī)定定該文檔檔的標(biāo)題題（出現(xiàn)現(xiàn)在Weeb 瀏瀏覽器窗窗口的標(biāo)標(biāo)題欄中中）和文文檔的一一些屬性性。 3標(biāo)標(biāo)簽中的的BGCCOLOOR屬性性用于指指定HTTML文文檔的，TTEXTT屬性用用于指定定HTMML文檔檔中的顏顏色，屬屬性用于于指定HHTMLL文檔的的背景文文件。 4當(dāng)當(dāng)和標(biāo)標(biāo)簽使用用時，可可以添加加ALIIGN屬屬性，用用以標(biāo)識識段落在在瀏覽器器中的。ALIIGN屬屬性的參參數(shù)值為為、和之之一，分分別表示示標(biāo)簽簽所括起起的段落落位于瀏瀏覽器窗窗口的左左側(cè)、中中間和右右側(cè)。 5運運行HTTML文文檔時，和和之間間的內(nèi)容容將

51、顯示示為文字字，和之間的的內(nèi)容將將顯示為為文字，和和之間間的內(nèi)容容將顯示示為文字字。 6圖圖像標(biāo)簽簽中的AALIGGN屬性性的參數(shù)數(shù)值為ttop、midddlee或boottoom之一一，分別別表示與與圖像相相鄰的文文字位于于圖像的的_、_和_。 二、簡簡答題 1簡簡述一個個HTMML文檔檔的基本本結(jié)構(gòu)。 2用用HTMML語言言編寫符符合以下下要求的的文檔：標(biāo)題為為“練習(xí)文文檔”，在瀏瀏覽器窗窗口用戶戶區(qū)內(nèi)顯顯示“這是課課后習(xí)題題2的答答案”。 3常常用的圖圖像文件件格式有有哪兩種種?它們們各自的的優(yōu)點和和缺點是是什么? 4用用HTMML語言言編寫符符合以下下要求的的文檔：標(biāo)題為為“An ex

52、aamplle oof iimagge”，在瀏瀏覽器窗窗口中顯顯示“appple.giff”圖像。圖像的的寬度為為2000個像素素點，高高度為1150個個像素點點，邊框框?qū)挾葹闉?0個個像素點點（“appple.giff”圖像位位于C盤盤的immagee目錄下下）。 本講難點： （1）標(biāo)簽的作用； （2）字符格式標(biāo)簽的運用； （3）文件地址的絕對表示法和相對表示法； （4）圖像標(biāo)簽的ALIGN屬性； （5）圖像標(biāo)簽的ALT屬性。第3講 列表表、表格格和文檔檔的超鏈鏈接 本講概概要：HTMML文檔檔中的列列表元素素HTMML文檔檔中的表表格元素素文檔的的超鏈接接第1課 HTTML 文檔中中的列表

53、表元素 HTMML 文文檔中使使用的列列表主要要有無序序列表、排序列列表、目目錄列表表、菜單單列表和和描述性性列表。在本課課中我們們將一一一介紹這這五種列列表。一、無序序列表 在HTTML文文檔中插插入無序序列表是是通過標(biāo)簽和和標(biāo)簽簽來實現(xiàn)現(xiàn)的?！癠L”即Unnorddereed LListt，是無無序列表表標(biāo)簽。標(biāo)簽簽是成對對標(biāo)簽，首首標(biāo)簽和尾標(biāo)標(biāo)簽之間的的內(nèi)容就就是無序序列表的的內(nèi)容。無序列列表中的的每一列列表項開開頭必須須用標(biāo)標(biāo)簽進行行標(biāo)識?！癓I”即 LListtCd ItCCth，是是項目標(biāo)標(biāo)簽。t簽簽是單獨獨出現(xiàn)標(biāo)標(biāo)簽，標(biāo)標(biāo)簽后的的文字為為列表項項的內(nèi)容容，直至至碰到下下一個項項目

54、標(biāo)簽簽或列表表的尾標(biāo)標(biāo)簽。WWeb瀏瀏覽器在在顯示無無序列表表時，會會在每一一列表項項的開頭頭加上無無序列表表的標(biāo)記記符號。例如：這是無無序列表表的范例例程序 以下是是某雜貨貨店的目目錄清單單：菜油、鹽、味味精等調(diào)調(diào)味品冷飲和和汽水 針、線等小小物品熱水瓶瓶、保溫溫杯、瓷瓷碗等日日用品 在IE44.0中中顯示效效果如圖圖3-11所示。圖3-11 無無序列表表顯示效效果圖 從圖33-1中中我們可可以看出出，標(biāo)簽隱隱含有標(biāo)簽的的作用，WWeb瀏瀏覽器在在顯示列列表項時時會自動動換行。二、排序序列表 在 HHTMLL文檔中中插入排排序列表表是通過過和標(biāo)簽來來實現(xiàn)的的。“LI”即 OOrdeeredd

55、 Liist，是是排序列列表標(biāo)簽簽。標(biāo)簽是是成對出出現(xiàn)的，首首標(biāo)簽和尾標(biāo)標(biāo)簽之間的的內(nèi)容就就是排序序列表的的內(nèi)容。排序列列表中的的每一列列表項也也必須用用標(biāo)簽進進行標(biāo)識識。Weeb瀏覽覽器在顯顯示排序序列表時時，會自自動對列列表進行行排序，并并在每一一列表項項開頭加加上以阿阿拉伯?dāng)?shù)數(shù)字形式式表示的的序號。我們可可以在標(biāo)簽中中添加sstarrt屬性性來指定定序列的的起始號號。缺省省時，序序列的起起始號為為1。例例如： 排排序列表表的范例例程序 這是是列表的的第 11項。這是列列表的第第2項。這是列列表的第第3項。 這是是列表的的第4項項。 這是列列表的第第9項。這是列列表的第第10項項。這是列列

56、表的第第11項項。這是列列表的第第12項項。在IE44.0中中顯示效效果如圖圖3-22所示。圖3-22 排排序列表表顯示效效果圖三、目錄錄列表 HTMML使用用和和標(biāo)簽簽來定義義目錄列列表?！癉IRR”即 DDireectoory，是是目錄列列表標(biāo)簽簽。標(biāo)簽是是成對出出現(xiàn)的，首首標(biāo)簽和尾尾標(biāo)簽之之間的內(nèi)內(nèi)容就是是目錄列列表的內(nèi)內(nèi)容。目目錄列表表的列表表項開頭頭也必須須用項目目標(biāo)簽標(biāo)識。一般說說來，目目錄列表表項長度度較短，典典型的目目錄列表表每項長長度不超超過200個字符符。例如如：目錄列列表的范范例程序序A-FFG-KKL-PPQ-ZZ在IE44.0對對中顯示示效果如如圖3-3所示示。圖3-

57、33 目目錄列表表顯示效效果圖 從圖33-3中中我們可可以看出出，目錄錄列表的的顯示效效果和無無序列表表相同。四、菜單單列表 HTMML使用用和標(biāo)標(biāo)簽來定定義菜單單列表。菜單列列表標(biāo)簽簽是成對對標(biāo)簽，首首標(biāo)簽和和尾標(biāo)簽簽之間間的內(nèi)容容就是菜菜單列表表的內(nèi)容容。菜單單列表每每一列表表項開頭頭也必須須用項目目標(biāo)簽進行標(biāo)標(biāo)識。一一般來說說，菜單單列表每每項的長長度不超超過一行行。 菜單列列表的顯顯示效果果與無序序列表基基本相同同，只不不過在排排列上更更為緊湊湊，參見見圖3-1。五、描述述性列表表 HTMML使用用、和標(biāo)標(biāo)簽來定定義描述述性列表表?！癉L”即Deefinnitiion Lisst，是是

58、描述性性列表標(biāo)標(biāo)簽。標(biāo)簽是是成對標(biāo)標(biāo)簽，首首標(biāo)簽和尾標(biāo)標(biāo)簽之間的的內(nèi)容就就是描述述性列表表的內(nèi)容容，由一一系列用用描述項項標(biāo)簽或解釋釋項標(biāo)簽簽標(biāo)識識的列表表項組成成。和和標(biāo)簽簽都是單單獨標(biāo)簽簽，位于于列表項項的開頭頭，分別別表示該該項是描描述項和和解釋項項。和標(biāo)簽一一樣，和標(biāo)標(biāo)簽也隱隱含有標(biāo)簽的的作用，WWeb瀏瀏覽器在在顯示時時會自動動換行。 和標(biāo)簽通通常是成成對出現(xiàn)現(xiàn)的，即即一個描描述項對對應(yīng)于一一個解釋釋項。一一個描述述項也可可以對應(yīng)應(yīng)于幾個個解釋項項，但最最好不要要出現(xiàn)幾幾個描述述項對應(yīng)應(yīng)于同一一個解釋釋項的情情況。 在顯示示時，解解釋項的的內(nèi)容會會自動縮縮進一定定的距離離，使列列表的

59、結(jié)結(jié)構(gòu)更加加清晰。例如： 描述性性列表范范例程序序這是一一個描述述性列表表：日用雜雜品例如熱熱水瓶、臉盆等等等食品種種類魚、肉肉和雞青菜、蘿卜和和豆腐桔子、蘋果和和梨在IE44.0中中顯示效效果如圖圖3-44所示。 圖33-4 描述述性列表表顯示效效果圖 HTMML中的的列表是是可以嵌嵌套的，也也就是說說，一個個列表的的列表項項可以是是另一個個相同或或不同類類型的列列表。例例如： 列表表嵌套的的范例程程序一些常常見的水水果：蘋果和和桔子香蕉和和草萄西瓜和和桃子這是列列表的第第二項一些常常見的肉肉類豬肉和和牛肉羊肉和和兔肉在IE44.0中中顯示效效果如圖圖3-55所示。圖3-55 嵌嵌套列表表顯

60、示效效果圖第2課 HTTML中中的表格格元素 表格是是HTMML文檔檔中一個個很重要要的元素素。在這這一課中中，我們們將介紹紹一下在在表格中中使用的一些主主要標(biāo)簽簽。一、標(biāo)標(biāo)簽 標(biāo)簽簽是表格格的標(biāo)識識符，用用以界定定表格的的范圍。標(biāo)簽簽是成對對出現(xiàn)標(biāo)標(biāo)簽，首首標(biāo)簽和尾標(biāo)標(biāo)簽之間的的內(nèi)容就就是表格格的內(nèi)容容。標(biāo)標(biāo)簽的屬屬性主要要有boordeer、wwidtth、hheigght、aliign、celllappaciing和和celllpaaddiing，它它們都是是可選的的。 （一）bbordder屬屬性 borrderr屬性的的參數(shù)值值是數(shù)字字，表示示表格邊邊框?qū)挾榷人嫉牡南袼攸c點數(shù)； b