計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ)第6課

1、第6課 網(wǎng)站建置和發(fā)布本課內(nèi)容普通網(wǎng)站的基本構(gòu)成Web 中的靜態(tài)和 動(dòng)態(tài)網(wǎng)頁Web 服務(wù)器環(huán)境的安裝Web網(wǎng)頁的發(fā)布和訪問HTML初步網(wǎng)頁設(shè)計(jì)與編程1計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課6.1 普通網(wǎng)站的基本構(gòu)成Web服務(wù)器軟件網(wǎng)頁與文件系統(tǒng)中間件（HTML與數(shù)據(jù)庫的紐帶）數(shù)據(jù)庫系統(tǒng)計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課6.2 Web 中的靜態(tài)和動(dòng)態(tài)網(wǎng)頁早期的網(wǎng)頁完全使用HTML編制，此類網(wǎng)頁不會(huì)隨著時(shí)間、場合等其他因素而變化，被稱為“靜態(tài)網(wǎng)頁”。隨著Web技術(shù)的發(fā)展，單一的HTML已經(jīng)不能滿足網(wǎng)頁制作的要求。例如，如果用戶要求服務(wù)器發(fā)布其機(jī)器內(nèi)部的時(shí)間信

2、息，僅使用HTML無法完成這種要求。需要使用程序語言來把“靜態(tài)”的HTML網(wǎng)頁，變成“動(dòng)態(tài)”的HTML網(wǎng)頁。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課6.2 Web 中的靜態(tài)和動(dòng)態(tài)網(wǎng)頁動(dòng)態(tài)網(wǎng)頁的工作模式有兩種，一種是將程序代碼鑲嵌在HTML網(wǎng)頁中，下載到用戶瀏覽器中，由用戶瀏覽器進(jìn)程對(duì)下載的代碼進(jìn)行解讀和執(zhí)行后，將執(zhí)行結(jié)果顯示在瀏覽器屏幕上。 這類動(dòng)態(tài)網(wǎng)頁標(biāo)準(zhǔn)的發(fā)展是由廠商自主進(jìn)行的，因此，其工作效果往往與瀏覽器產(chǎn)品有關(guān)。 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課程序語言IE6可執(zhí)行Netscape6可執(zhí)行Java否可Java Script否可VB Script可否ActiveX對(duì)象可否瀏覽器的類型與可執(zhí)行的動(dòng)態(tài)網(wǎng)頁程

3、序的關(guān)系 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課6.2 Web 中的靜態(tài)和動(dòng)態(tài)網(wǎng)頁動(dòng)態(tài)網(wǎng)頁的另一種工作模式是由服務(wù)器執(zhí)行鑲嵌在HTML網(wǎng)頁中的程序，并將解釋的結(jié)果發(fā)布到網(wǎng)絡(luò)上，由用戶瀏覽器并將結(jié)果在屏幕上展示。目前，比較流行的服務(wù)器端動(dòng)態(tài)網(wǎng)頁程序設(shè)計(jì)語言有JSP、ASP、PHP等。 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課6.3 Web 服務(wù)器環(huán)境的安裝Web服務(wù)器的軟件由于 Web服務(wù)已經(jīng)成為十分重要的網(wǎng)絡(luò)應(yīng)用，幾乎所有的NOS都將Web服務(wù)器作為一項(xiàng)服務(wù)組件提供案例之一：Windows NT中的IIS案例之二：Redhat Linux中的Apache計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課6.3

4、 Web 服務(wù)器環(huán)境的安裝Web服務(wù)器的軟件之二因特網(wǎng)上有專門的Web服務(wù)器供應(yīng)商和自由軟件，最為著名的當(dāng)然是Apache本課程建議使用基于Windows的Xitami Web server(以下稱Xitami)來自伊穆提公司（iMatix Corporation）。Xitami小巧玲瓏（安裝軟件本身為700k）、安裝設(shè)置都極為簡單。 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課6.3 Web 服務(wù)器環(huán)境的安裝70/Teacher/NetworkXitami的安裝極為簡單，對(duì)熟悉在Windows下安裝軟件的用戶來說，不需要太多的準(zhǔn)備。惟一需要在安裝過程中留意的是由于Xitami中有一套簡單的安全控制機(jī)制（便于

5、用戶通過網(wǎng)絡(luò)控制和配置服務(wù)器），要求用戶在安裝時(shí)設(shè)置管理員用戶名和口令，這時(shí)用戶必須考慮一套對(duì)應(yīng)的用戶名和口令，并妥善記憶或記錄以備不時(shí)之用。 Xitami的安裝完畢，可立即運(yùn)行。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課6.3 Web 服務(wù)器環(huán)境的安裝對(duì)Xitami進(jìn)行測試的方法有兩種：第一種方法：啟動(dòng)瀏覽器（IE或Communicator皆可），在地址欄中輸入一個(gè)測試用的IP：HTTP:/ 或 HTTP:/LOCALHOST在IP v4的編址機(jī)制中，是一個(gè)保留地址，可用于對(duì)本地主機(jī)上的服務(wù)進(jìn)程進(jìn)行環(huán)路測試。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課6.3 Web 服務(wù)器環(huán)境的安裝第二種方法

6、，使用本地主機(jī)的IP地址進(jìn)行測試。由于的測試只能在本地主機(jī)上進(jìn)行，如果希望從網(wǎng)絡(luò)上其他主機(jī)上進(jìn)行測試，則需要知曉服務(wù)器的IP地址，在Windows環(huán)境下常用的IP測試軟件有GUI界面的Winipcfg.exe和字符界面的Ipconfig.exe。當(dāng)然也可以使用主機(jī)域名進(jìn)行，但鑒于在實(shí)驗(yàn)環(huán)境下難以建立DNS服務(wù)，建議先采用IP地址進(jìn)行實(shí)驗(yàn)計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課6.4 Web網(wǎng)頁的發(fā)布和訪問每個(gè)Web服務(wù)器都有各自的所謂發(fā)布目錄在進(jìn)行網(wǎng)頁發(fā)布時(shí)，可以將網(wǎng)頁（及文件目錄 ）傳送或拷貝到該目錄下Xitami的默認(rèn)發(fā)布目錄為:c:xitamiwebpages當(dāng)把測試網(wǎng)頁hello.htm放置到上述

7、目錄時(shí),在瀏覽器中鍵入:/hello.htm即可訪問計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課6.5 HTML初步HTML的優(yōu)點(diǎn)：HTML文件比較小，便于在網(wǎng)絡(luò)上傳輸；HTML文檔獨(dú)立于計(jì)算機(jī)操作平臺(tái)；原則上，建立HTML文檔不需要任何特殊的軟件，只需一般的文本編輯器即可；HTML標(biāo)記語言，非常便于學(xué)習(xí)。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課6.5 HTML初步HTML支持通過CGI（Common Gateway Interface即通用網(wǎng)關(guān)接口）方式與用戶和外部程序進(jìn)行交互。CGI是一種在網(wǎng)絡(luò)服務(wù)器上運(yùn)行的程序，用來處理用戶從Web表單上輸入的請(qǐng)求，查詢數(shù)據(jù)庫上的信息，向用戶提交動(dòng)態(tài)的結(jié)果。理論上，CGI程序可以用

8、任何一種語言編寫，但大多數(shù)程序員用C/C+、Perl和PHP語言編寫CGI程序。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課6.5 HTML初步HTML還支持Java編程，程序員只要將編號(hào)的Java程序按一定的要求嵌入到HTML文檔中，就可以完成許多靈活的工作，如Home Page中的動(dòng)畫演示。HTML還支持Javascript編程，程序員可以將Javascript語句嵌入到HTML文檔中，完成更多的交互操作。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課6.5 HTML初步HTML的局限性直接用文本編輯時(shí)，不是所見即所得；不同瀏覽器對(duì)同一個(gè)HTML文檔可能得到不同的顯示效果；已定義的標(biāo)記往往不能滿足多方面的需要;主要面向人機(jī)

9、交互使用，在計(jì)算機(jī)之間交換數(shù)據(jù)不夠便利HTML的后繼者為XML計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML句法結(jié)構(gòu)計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML句法結(jié)構(gòu)Google首頁的部分源代碼Google.另外還有HTML文檔主體部分的聲明。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML句法結(jié)構(gòu)一般HTML文檔是普通的ASCII文本文件，它包含兩類內(nèi)容：普通的文本、代碼或標(biāo)記。標(biāo)記(Tag)是用一對(duì)尖括號(hào)“”括起來的文本串，例如第一行的。標(biāo)記通常具有如下結(jié)構(gòu)： 在標(biāo)記定義中，“tagname”是標(biāo)記名，定義標(biāo)記的類型；而“attributes”為屬性，一般標(biāo)記即可以不定義屬性，也可以定義若干個(gè)屬性，屬性給出了這個(gè)元素

10、的附加信息。 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML句法結(jié)構(gòu)在Google主頁文檔第二行的標(biāo)記中，head是標(biāo)記名，沒有相關(guān)屬性。在文檔主體定義中，定義了若干屬性，屬性值為“bgcolor=#ffffff text=#000000 link=#0000cc vlink=551a8b alink=#ff0000 onLoad=sf()”。 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML句法結(jié)構(gòu)需要注意，雖然標(biāo)記和屬性名稱與字母大小寫無關(guān)，但是屬性值卻往往對(duì)大小寫敏感。 例如，可以在超鏈中定義相關(guān)的文件名，盡管在Windows系統(tǒng)中，href=a1和href=A1可以指向同一文件，但在UNIX系統(tǒng)中，卻是指向

11、不同的文件。重要提示：在網(wǎng)頁設(shè)計(jì)須統(tǒng)一命名方案計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML句法結(jié)構(gòu)標(biāo)記和文本結(jié)合起來形成元素(Element)。每個(gè)元素代表文檔中的一個(gè)對(duì)象，比如文件頭、段落或圖片。一個(gè)元素可具有一個(gè)或一對(duì)標(biāo)記，通常具有一些相關(guān)的屬性。元素有兩種類型：容器（container）元素和單個(gè)元素（空元素）。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML句法結(jié)構(gòu)容器元素包含文本內(nèi)容，代表一個(gè)文本段、它由文本主體（或其他元素）組成，文本主體在開頭和結(jié)尾處用一對(duì)標(biāo)記來確定邊界（結(jié)尾的標(biāo)記用標(biāo)記名前加“/”來表示，并不帶任何屬性）。 例如，和標(biāo)記把這兩個(gè)標(biāo)記之間的文本定義成一個(gè)文檔標(biāo)題。而單個(gè)元素是由不影響

12、任何文本的單個(gè)標(biāo)記組成的，它會(huì)在文檔中插入一些對(duì)象。例如標(biāo)記就是一個(gè)可以在文檔中插入圖像的單個(gè)元素。 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML句法結(jié)構(gòu)容器元素與單個(gè)元素一起完整地定義了文檔的格式或顯示形式。其它一些普通文本格式符號(hào)（如Tab、連續(xù)的空格、回車等）在HTML中都被當(dāng)做單一的空格。 例如，在輸入HTML文件時(shí)，可以在每個(gè)標(biāo)記后有若干個(gè)空行，或在每個(gè)單詞之間有10個(gè)空格，但瀏覽器對(duì)此卻“熟視無睹”，結(jié)果顯示可能會(huì)出乎預(yù)料。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML文檔結(jié)構(gòu)和常用元素這三個(gè)元素一起構(gòu)成完整的HTML文檔結(jié)構(gòu)模板，所有的HTML文檔都應(yīng)該遵循這個(gè)模板： Header element

13、 body of Document計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML文檔結(jié)構(gòu)和常用元素容器元素中包含的最為常用的元素有：text：這個(gè)元素是文檔的抬頭，類似書籍的頁眉。在瀏覽器中，標(biāo)題通常與文本頁分開顯示（例如，在窗口的標(biāo)題欄中）。 抬頭（TITLE）在用戶保存網(wǎng)頁時(shí)一般都作為文件名，所以命名應(yīng)該注意。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML文檔結(jié)構(gòu)和常用元素容器元素中包含以下幾個(gè)常用元素：text：標(biāo)題把括起來的文本作為標(biāo)題。從標(biāo)記、直到，可以有六個(gè)層次的標(biāo)題（較小的數(shù)字標(biāo)記較重要的標(biāo)題）。標(biāo)題通常用較大的字型編排，并且在該標(biāo)題的上下各有一個(gè)空行。：段落標(biāo)識(shí)文本主體中兩個(gè)段落之間的間隔。：圖像

14、標(biāo)記把圖像插入到文檔中，圖像可以在SRC屬性中給出的URL處找到。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML文檔結(jié)構(gòu)和常用元素 把圖像插入到文檔中，圖像可以在src屬性指定的URL處找到。最常見的圖像格式是GIF。如果瀏覽器不支持插入圖像（例如，Lynx瀏覽器），將顯示在可選的alt屬性中給出的文本。如果沒有給出alt屬性值，在圖形所在的位置上可能會(huì)出現(xiàn)IMAGE的字樣。可選的align屬性指出文本的當(dāng)前行與圖像在垂直方向上怎樣對(duì)齊（通常是BOTTOM，但這隨瀏覽器的不同而不同）。 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML文檔結(jié)構(gòu)和常用元素ISMAP屬性用于建交互式的圖形。如果使用語法，則這圖像上成為一

15、個(gè)可擊點(diǎn)，產(chǎn)生一個(gè)鏈接到URL1處。例如：計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課texttext：該結(jié)構(gòu)提供了一個(gè)無序的條目列表；每個(gè)條目以標(biāo)記開始。通常在顯示出的各條目項(xiàng)前置一個(gè)實(shí)心的圓點(diǎn)。text：超文本標(biāo)記，也稱為超鏈接。文本用某種特殊方式來顯示（用顏色、下劃線或其它類似方法）；當(dāng)點(diǎn)擊屏幕上的超文本鏈接時(shí)，Web服務(wù)器將檢索“HREF” 屬性中的“URL”給出的文檔，并將結(jié)果返回給用戶瀏覽器。：放置一個(gè)橫穿瀏覽器窗口的水平線，通常水平線的上下各有一個(gè)空行。：在文本中強(qiáng)制換行，以便后繼文本都放在下一行。HTML文檔結(jié)構(gòu)和常用元素計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML標(biāo)準(zhǔn)單位在編輯HTML文件時(shí)，會(huì)涉及

16、到對(duì)各種對(duì)象屬性的賦值。例如，定義標(biāo)題的大小、定義文本的格式、定義圖像的位置、定義水平線和表格的長寬、定義文字和背景的顏色、定義鏈接的指向位置等。通常用各種數(shù)據(jù)來為這些屬性賦值。 一些數(shù)據(jù)，不僅在網(wǎng)頁設(shè)計(jì)時(shí)經(jīng)常要用到，而且它們的表示方法、代表的含義都有一套比較嚴(yán)格的規(guī)則。 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML標(biāo)準(zhǔn)單位長度單位可以用來定義水平線、表格邊框、圖像等對(duì)象的長、寬、高等一系列屬性，同時(shí)也能用來定義這些對(duì)象在網(wǎng)頁上的位置等屬性。長度的表示有兩種方式：絕對(duì)長度和相對(duì)長度。它們的單位分別為像素（pixel）和百分比（），像素代表屏幕上的各個(gè)顯像點(diǎn)，而相對(duì)長度則描述了對(duì)象在瀏覽器窗口的所占的比

17、例。 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML標(biāo)準(zhǔn)單位一般在網(wǎng)頁設(shè)計(jì)中較少使用絕對(duì)長度，因?yàn)闉g覽器窗口可隨時(shí)調(diào)整大小，如果水平線設(shè)置為絕對(duì)長度很容易造成不協(xié)調(diào)，而使用相對(duì)長度來描述則對(duì)象會(huì)隨瀏覽器窗口大小變化而變化。 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML標(biāo)準(zhǔn)單位顏色單位也是描述網(wǎng)頁表現(xiàn)形式中應(yīng)用很頻繁的一種數(shù)據(jù)類型。在設(shè)計(jì)網(wǎng)頁的過程中，需要能定義字體、頁面背景、表格背景甚至超鏈接的顏色，通過利用顏色數(shù)據(jù)來定義這些對(duì)象的顏色屬性。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML標(biāo)準(zhǔn)單位顏色單位有三種表達(dá)的方式：十六進(jìn)制的顏色代碼 Red Characters 十進(jìn)制顏色碼 Blue 顏色名碼Green Char

18、acters 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML標(biāo)準(zhǔn)單位統(tǒng)一資源定位器(URL)1路徑是一種因特網(wǎng)資源地址的表示法。該數(shù)據(jù)里中可以包括鏈接所需協(xié)議、鏈接主機(jī)的域名或IP地址、鏈接主機(jī)的通訊端口（port）號(hào)、主機(jī)文件的發(fā)布路徑和文件名稱等。 1 由W3C對(duì)HTML 4.0的定義中，URL的描述為“Universal Resource Identifier（URI）”。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML標(biāo)準(zhǔn)單位在HTML中，URL路徑又分為兩種形式：絕對(duì)路徑和相對(duì)路徑。絕對(duì)路徑是將主機(jī)地址和主機(jī)上資源發(fā)布目錄的路徑和資源名稱進(jìn)行完整的描述。如:計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML標(biāo)準(zhǔn)單位相對(duì)

19、路徑則是相對(duì)于當(dāng)前的網(wǎng)頁所在目錄或站點(diǎn)根目錄的路徑。如: 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML基本元素的使用HEAD容器HTML文檔的標(biāo)記是一個(gè)容器元素，在容器中允許出現(xiàn)以下元素。TITLE元素textTITLE元素所包含的內(nèi)容通常會(huì)出現(xiàn)在瀏覽器的標(biāo)題欄或成為保存網(wǎng)頁到本地磁盤時(shí)的默認(rèn)文件名。如果沒有TITLE元素，瀏覽器的標(biāo)題欄將顯示網(wǎng)頁的文件名。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HEAD容器(續(xù))LINK元素 在當(dāng)前文檔和另一文檔之間建立鏈接關(guān)系。name屬性給鏈接起一個(gè)名字，比如“Mail to Author”（發(fā)給作者），rel屬性描述了鏈接的類型，比如“made”（表示作者），“paren

20、t”（表示文檔是大文檔的一部分），“next”（表示是多文件文檔的后續(xù)部分），及“pre”（表示前序部分）。href屬性指向相關(guān)的文檔。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML的其他元素META元素 META元素提供網(wǎng)頁作者以各種方式來描述與文檔本身而不是文檔內(nèi)容有關(guān)的信息。如META元素通常用來為搜索引擎定義頁面描述以及搜索關(guān)鍵字；或者是定義用戶瀏覽器上的Cookie，還可以設(shè)置頁面使其可以根據(jù)定義的時(shí)間間隔刷新頁面。值得注意的是META標(biāo)記是一個(gè)單個(gè)元素。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HEAD容器(續(xù)) 以上語句為搜索引擎列出了關(guān)鍵字列表，這些關(guān)鍵字可以將頁面正確地放置在Excite，Alta

21、vista，Lycos和InfoSeek等著名搜索引擎的列表上，以便進(jìn)行快速搜索。 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HEAD容器(續(xù)) 以上語句會(huì)產(chǎn)生一個(gè)“Expires: Tue, 20 Aug 2001 14:25:27 GMT”的HTTP的頭部（header），使得緩存鏈（Caches）決定何時(shí)取回相關(guān)文件的新版本。大部分瀏覽器為了節(jié)約下載時(shí)間，會(huì)在本地硬盤上保存已訪網(wǎng)頁的臨時(shí)版本。在用戶下次打開同一頁面時(shí)，瀏覽器將直接調(diào)用硬盤上的文件，而不是網(wǎng)上的。 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HEAD容器(續(xù)) 用戶可以通過META元素為瀏覽器指定顯示當(dāng)前網(wǎng)頁須用的語言編碼，而無需讀者自選。上面語句的黑

22、體部分指定了當(dāng)前的網(wǎng)頁語言編碼是簡體中文。如果需要將網(wǎng)頁的編碼方式指定為繁體中文，可以使用下面語句：計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HEAD容器(續(xù))Script元素 標(biāo)記是用來在頁面中插入由瀏覽器執(zhí)行的腳本程序（JavaScript或VBScript），為容器元素。如：“LANGUAGE”屬性用來指明腳本語言的種類。因?yàn)闉g覽器往往可以使用多種腳本語言，所以必須指明語言的種類。注解標(biāo)記（）是為了能與老版本以及無法解析腳本程序的瀏覽器兼容。 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML基本元素的使用容器包含在標(biāo)記對(duì)中的內(nèi)容將顯示在瀏覽器的主窗口中。在開始設(shè)計(jì)網(wǎng)頁之前，需要對(duì)頁面進(jìn)行一個(gè)整體的規(guī)劃和設(shè)置，如背

23、景顏色、背景圖案、頁面留白以及大部分文字的顏色等等。在HTML中，使用元素來定義頁面的這些基本屬性。如在本章開始時(shí)提到的搜索引擎“Google”主頁的例子，其的定義如下： 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課容器(續(xù))BODY元素本身的屬性可以分為三類：背景屬性，其中包括BGCOLOR和BACKGROUND：BGCOLOR 背景色BACKGROUND 背景圖案文字屬性：TEXT正文文字顏色LINK鏈接文字顏色ALINK活動(dòng)鏈接文字顏色VLINK已訪問鏈接文字顏色留白屬性，其中分為LEFTMARGIN和TOPMARGIN。LEFTMARGIN 頁面左側(cè)的留白距離TOPMARGIN頁面頂部的留白距離計(jì)算機(jī)

24、及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML基本元素的使用字符容器（Character Container）允許在段落內(nèi)部格式化或描述字和詞組,使其呈現(xiàn)出不同的風(fēng)格 超文本鏈接 超文本鏈接是HTML文檔具有鏈接和檢索功能的基本原因，也是HTML中最重要的概念之一。超文本錨點(diǎn)是指文檔中的某處位置，在該位置下隱含了對(duì)其它文檔的鏈接。text計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課字符容器(續(xù))超文本錨點(diǎn)用于標(biāo)識(shí)超文本鏈接的參照物或目標(biāo)。可為href或name屬性之一，也可二者兼用。href屬性的值可以是一個(gè)鏈接錨點(diǎn)，也可以是一個(gè)URL地址。它可以鏈接一個(gè)HTML文檔、圖像或其它可用URL尋址的內(nèi)容。超文本錨還可以包括一個(gè)標(biāo)

25、記，允許用用插入的圖形（如圖標(biāo)）作鏈接。name屬性用于錨點(diǎn)命名，允許用戶和其它的HTML文檔直接指向文檔的這個(gè)部分。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課字符容器(續(xù))例如，一個(gè)URL如：“http:/thisdoc.html#part1” 可裝入thisdoc.html并試圖把用標(biāo)識(shí)的文本放在瀏覽器主屏幕的頂端。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課字符容器(續(xù))文本修飾邏輯風(fēng)格 文本修飾邏輯風(fēng)格允用戶賦于文本的各個(gè)片段以真正的含義。 text text text計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML基本元素的使用塊容器 在HTML中，塊容器（Block Container）被定義成一個(gè)具有標(biāo)記的文本片段，本身

26、在HTML文檔中占有一定垂直空間，如一個(gè)段落或一個(gè)標(biāo)題(header)。某些元素可以互相銜接，但不能嵌套（如，內(nèi)部不能有，因?yàn)樗鼈兇聿煌愋偷膲K）。 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課塊容器(續(xù))標(biāo)題 text 用標(biāo)注的標(biāo)題和用標(biāo)注的標(biāo)題是截然不同的，前者是修飾瀏覽器窗體內(nèi)文本的元素，而后者標(biāo)識(shí)的內(nèi)容將顯示在瀏覽器的標(biāo)題欄中。 值可以從1到6，用以充當(dāng)文檔該節(jié)的標(biāo)題。#位置的數(shù)字值越小表示的標(biāo)題就越重要，相應(yīng)的字號(hào)要大些。 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課塊容器(續(xù))段落 Texttext text 在一般網(wǎng)頁中，該標(biāo)記以第一種形式使用，作為段落的分隔符。因此，它標(biāo)識(shí)正常文本主體的兩個(gè)段落之間的界限。

27、 注意不要不要使用 .的形式，因?yàn)殡[含著換行，有些瀏覽器在元素之間會(huì)插入太多的空行。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課塊容器(續(xù))擴(kuò)展引文 text 用于較長的引文，并且作為獨(dú)立段落存在。通常用類似普通段落的形式來表示，但兩邊的留白采用了縮迸排版的形式。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課塊容器(續(xù))預(yù)先格式化文本 text 由于HTML忽略多余的空格、制表符（tab）和換行符（enter），某些具有特殊格式的文本，如詩歌、表格及計(jì)算機(jī)程序清單等都很難標(biāo)記。 元素用于這樣的文本，它按照文本原稿出現(xiàn)的樣式格式化所包含的文本，包括原稿中出現(xiàn)的空格、制表和換行符等。 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課塊容器(續(xù))聯(lián)系地

28、址 text 特別指郵件地址，這個(gè)標(biāo)記通常用于標(biāo)識(shí)文章開頭的作者名行（作者姓名）和電子郵箱地址。通常用比較小的字體或斜體字表示，而且常使用標(biāo)記把地址的各個(gè)行分開。 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課HTML基本元素的使用分項(xiàng)列表 用HTML可創(chuàng)建一個(gè)包含了幾個(gè)項(xiàng)目的列表，每個(gè)用開頭，通常每個(gè)項(xiàng)目縮進(jìn)一個(gè)tab位置。一般有四種類型： 是無序列表（每個(gè)條目前通常加注有實(shí)心圓點(diǎn)）； 是有序列表（每個(gè)條目都有編號(hào)）;計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課分項(xiàng)列表(續(xù))分項(xiàng)列表一般結(jié)構(gòu)如下： text text 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課分項(xiàng)列表(續(xù))有序列表 有序列表的是在每一個(gè)列表項(xiàng)的前面加上一個(gè)編號(hào)字符，該字符

29、可以是數(shù)字或字母。它的一般格式為： text text 計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課有序列表(續(xù))TYPE屬性來指定列表項(xiàng)前面的字符編號(hào)，當(dāng)其值為：1（默認(rèn)值）數(shù)字編號(hào)：“1、2、3”a小寫的英文字母，如：“a、b、c”A大寫的英文字母，如：“A、B、C”i小寫的羅馬字母，如：“i、ii、iii”I大寫的羅馬字母，如：“I、II、III”計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課分項(xiàng)列表(續(xù))定義列表 term text definition text term text definition text 定義列表中每個(gè)條目有兩部分，就像詞匯表中一樣：一個(gè)術(shù)語（跟在后面）；一個(gè)定義（跟在后面）。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)

30、用基礎(chǔ) 第6課HTML基本元素的使用表單（form） HTML的表單特性是給予萬維網(wǎng)真正力量、完成生動(dòng)的交互式應(yīng)用的因素之一。 HTML表單僅僅是這種特性的一半。一旦用戶填完表單，就把表格提交給一個(gè)特殊的程序或腳本，由這個(gè)程序或腳本取出信息，并用這個(gè)表格做一些有用的事（如把用戶數(shù)據(jù)傳遞給數(shù)據(jù)庫）。 可以把表單看成因特網(wǎng)上通用的一種視窗（window）對(duì)話框，用于接受用戶數(shù)據(jù)。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課表單(續(xù))表單元素form body 元素括起整個(gè)表單，并給出一些基本定義。表單僅占用HTML文檔的部分空間；實(shí)際上，一個(gè)HTML文檔可以包含幾個(gè)獨(dú)立的、完成不同功能

31、的表單。method指定了信息傳遞給HTTP服務(wù)器的方法；action給出與處理提交信息的腳本相關(guān)的URL（如“scriptname.asp”，“scriptname.php”）。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課表單(續(xù))表單輸入元素 用來把不同的字段放在表單里，以便用戶輸入信息。name屬性指定該字段在某個(gè)表單中的唯一名稱；可選的value屬性給出該標(biāo)記的默認(rèn)值。在提交表單時(shí)，向Web服務(wù)器呈上以一組用“？”開頭并用“&”號(hào)分開的一組“名字值”形式的信息，如http:/Scriptname?name=me&address=here&timenow計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課表單輸入元素(續(xù))type屬性給出所使用標(biāo)記的樣式，“string”可以是：CHECKBOX（復(fù)選框）。RADIO（單選按鈕）TEXT（單行的文本輸入欄）。IMAGE（圖像放在表單里）SUBMIT（提交按鈕）RESET(清除按鈕)HIDDEN（在表單中保留不供顯示的內(nèi)容）計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課表單輸入元素(續(xù))另外：SIZE屬性用于設(shè)置文本字段的窗口大?。ㄒ宰址麛?shù)為計(jì)量單位）。CHECKED屬性與CHECKBOX和RADIO類型一起使用，用于表示按鈕在默認(rèn)狀態(tài)時(shí)是否被選中。計(jì)算機(jī)及網(wǎng)絡(luò)應(yīng)用基礎(chǔ) 第6課表單(續(xù))選項(xiàng)選擇元素（類