ASP动态网页设计课件

ASP動態網頁設計

2／241第1章ASP使用基礎1.1Web基礎知識

1.2ASP基本概念1.3配置ASP運行環境3／241第1章

ASP使用基礎

1.1Web基礎知識1.1.1Web與URL Web是運行在Internet頂層的服務集合。基於Web的資訊一般使用HTML格式以超文本和超媒體方式傳送。Web服務以客戶機/伺服器模式運行。資訊資源以頁面形式存儲在Web伺服器上，用戶通過客戶端的Web流覽器向Web伺服器發出查詢請求；Web伺服器根據客戶端請求的內容做出回應，並將存儲在伺服器上的某個頁面發送給客戶端；Web流覽器對收到的頁面進行解釋並將頁面顯示給用戶。 Web伺服器通常是指安裝了伺服器軟體的電腦，它使用HTTP或FTP之類的Internet協議來回應TCP/IP網路上的Web客戶請求。常見的Web伺服器軟體包括Microsoft的IIS和PWS，常用的Web流覽器軟體有NetscapeNavigator（NN）和MicrosoftInternetExplorer（IE）。第1章目錄4／241第1章

ASP使用基礎

URL即統一資源定位符，URL是一種唯一地標識Internet上計算機、目錄和文件的位置的命名規則。URL用於指定獲得Internet上資源的方式和位置，通常也稱為URL地址、網站地址或網址，其一般形式可以表示如下：

<方式>://<主機名>:<端口>/<目錄>/.../<檔案名> 其中<方式>指定訪問該資源所使用的Internet協議，常用形式有：http（超文本傳輸協議）、ftp（檔傳輸協議）、mailto（電子郵件地址）、news（網路新聞組）、telnet（遠程登錄服務）和file（本地檔）等。

<主機名>指定Web伺服器的IP地址或功能變數名稱地址。IP地址是唯一標識網路上某一主機的地址，它將電腦標識為一個32位地址，可以用帶句點的十進位數來表示。功能變數名稱地址也稱為DNS地址，它由四個部分組成，常用形式為“機器名.單位名.單位類別.國別”。<端口>指定Web伺服器在該主機上所使用的TCP端口，默認端口是80，通常不需要指定，只要當Web伺服器不使用默認端口時才需要指定端口。<目錄>可以是Web伺服器上資訊資源所在的目錄。<文件名>由基本檔案名和擴展名兩部分組成，如index.htm等。第1章目錄5／241第1章

ASP使用基礎

1.1.2HTML與HTTP 在Web服務中，資訊一般是使用HTML格式以超文本和超媒體方式傳送的，所使用的Internet協議是HTTP協議。 HTML的全稱是HypertextMarkupLanguage，意即超文本標記語言，是用於WWW上文檔的格式化語言。使用HTML語言可以創建超文本文檔，該文檔可以從一個平臺移植到另一個平臺。HTML檔是帶有嵌入代碼（由標記表示）的ASCII文本檔，它用來表示格式化和超文本鏈接。HTML檔的內容通過一個頁面展示出來，不同頁面通過超鏈接關聯起來。 HTTP的全稱是HypertextTransferProtocol，意即超文本傳輸協議。HTTP協議是用於訪問WWW上資訊的客戶機/伺服器協議。HTTP協議建立在TCP/IP協議的應用層之上。其一般實現過程包括：客戶端與指定的伺服器建立連接；由客戶端提出請求併發送到服務器；伺服器收到客戶端的請求後，取得相關對象併發送到客戶端；在客戶端接受完對象後，關閉連接。第1章目錄6／241第1章

ASP使用基礎

1.1.3Web頁與Web站點 Web頁就是WorldWideWeb文檔，通常稱為網頁。Web頁一般由HTML檔組成，其中包含有相關的文本、圖像、聲音、動畫、視頻以及腳本命令等，位於特定電腦的特定目錄中，其位置可以根據URL確定。按照Web伺服器回應方式的不同，可以將Web頁分為靜態網頁和動態網頁。 一般的Web站點由一組相關的HTML檔和其他檔組成，這些檔存儲在Web伺服器上。當用戶訪問一個Web站點時，該站點中有一個頁面總是被首先打開，該頁面稱為首頁或主頁。1.1.4Web應用程式 Web應用程式就是使用HTTP作為核心通訊協議，並使用HTML語言向用戶傳遞基於Web的資訊的應用程式，也稱為基於Web的應用程式。一個Web應用程式實質上就是一組靜態網頁和動態網頁的集合，在這些網頁之間可以相互傳遞資訊，還可以通過這些網頁對Web伺服器上的各種資源（包括資料庫）進行存取。第1章目錄7／241第1章

ASP使用基礎

1.2ASP基本概念1.2.1靜態網頁與動態網頁 靜態網頁是標準的HTML檔，其檔擴展名是.htm或.html，它可以包含HTML標記、文本、Java小程式、客戶端腳本以及客戶端ActiveX控件，但這種網頁不包含任何伺服器端腳本，該頁中的每一行HTML代碼都是在放置到Web伺服器前由網頁設計人員編寫的，在放置到Web伺服器後便不再發生任何更改，所以稱之為靜態網頁。 “靜態”網頁也可能包含翻轉圖像、GIF動畫或Flash影片等，從而具有很強的動感效果。此處所說的靜態網頁是指在發送到流覽器時不再進行修改的Web頁，其最終內容是由設計人員事先確定的。 靜態網頁的處理流程：(1)當用戶單擊Web頁上的某個鏈接時，流覽器向Web伺服器發送一個頁請求；(2)Web伺服器收到該請求，通過檔擴展名.htm或.html判斷出是HTML檔請求，並從磁片或記憶體中獲取適當的HTML檔；(3)Web伺服器將HTML文件發送到流覽器，由流覽器對該HTML檔進行解釋，並將結果顯示在流覽器窗口中。第1章目錄8／241第1章

ASP使用基礎

動態網頁與靜態網頁之間的區別在於：動態網頁中的某些腳本只能在Web伺服器上運行，而靜態網頁中的任何腳本都不能在Web伺服器上運行；動態網頁與靜態網頁檔擴展名不同，對於動態網頁來說，其檔擴展名不再是.htm或.html，而是與所使用的Web應用開發技術有關，例如，使用ASP技術時文件擴展名是.asp等等。 當Web伺服器接收到對靜態網頁的請求時，伺服器將該頁發送到請求流覽器，而不進行進一步的處理。當Web伺服器接收到對動態網頁的請求時，它將做出不同的反應：它將該頁傳遞給一個稱為應用程式伺服器的特殊軟體擴展，然後由這個特殊軟體負責完成頁。應用伺服器軟體與Web伺服器軟體通常安裝、運行在同一臺電腦上。使用不同的Web開發技術創建動態網頁時，所用的應用程式伺服器軟體也是各不相同的。第1章目錄9／241第1章

ASP使用基礎

1.2.2腳本語言 腳本是指嵌入到Web頁中的程式代碼，所使用的編程語言稱為腳本語言。按照執行方式和位置的不同，腳本分為客戶端腳本和伺服器端腳本。客戶端腳本在客戶端電腦上被Web流覽器執行，伺服器端腳本在伺服器端電腦上被Web伺服器執行。腳本語言是一種解釋型語言，客戶端腳本的解釋器位於Web流覽器中，伺服器端腳本的解釋器則位於Web伺服器中。靜態網頁只能包含客戶端腳本，動態網頁則可以同時包含客戶端腳本和服務器端腳本。 Microsoft公司開發了兩種標準的腳本語言：VBScript和JScript。VBScript是程式開發語言VisualBasic家族的最新成員，它將靈活的腳本應用於更廣泛的領域，包括MicrosoftInternetExplorer中的客戶端腳本和MicrosoftInternetInformationServer中的伺服器端腳本。JScript是Microsoft公司對ECMA262語言規範的一種實現。Jscript完全實現了該語言規範，並且提供了一些利用MicrosoftInternetExplorer的功能的增強特性。JScript是一種解釋型的、基於對象的腳本語言。第1章目錄10／241第1章

ASP使用基礎

1.2.3什麼是ASP ASP是一種伺服器端腳本編寫環境，它以VBScript或JScript作為腳本語言，可以用來創建包含HTML標記、文本和腳本命令的動態網頁，稱為ASP動態網頁，其檔擴展名是.asp。 ASP動態網頁中可以包含伺服器端腳本，安裝在Web伺服器計算機上的應用程式擴展軟體負責解釋並執行這些腳本，該軟體的檔案名為Asp.dll，通常稱為ASP引擎，也就是前面中所說的應用程序伺服器。 ASP的處理流程：(1)客戶端電腦上，用戶在流覽器的地址欄中輸入一個ASP動態網頁的URL地址並按Enter鍵，向Web伺服器發出一個ASP檔請求。(2)Web伺服器收到該請求後，根據擴展名.asp判斷出這是一個ASP檔請求，並從硬碟或記憶體中獲取所需ASP檔，然後向應用程式擴展Asp.dll發送ASP檔。(3)Asp.dll自上而下查找、解釋並執行ASP頁中包含的伺服器端腳本命令，處理的結果是生成了HTML檔，並將HTML檔送回Web伺服器。(4)

Web伺服器將HTML發送到客戶端電腦上的Web流覽器，然後由流覽器負責對HTML檔進行解釋，並在流覽器窗口中顯示結果。第1章目錄11／241第1章

ASP使用基礎

ASP的特點(1)在ASP頁中可以包含伺服器端腳本，通過在Web伺服器上執行腳本可以將互動式內容添加到網頁中。例如，利用ASP可以創建一個對不同訪問者顯示不同資訊的動態網頁。(2)ASP提供了一些內置對象，使用這些對象可以使伺服器端腳本功能更強。例如，可以從Web流覽器中獲取用戶通過HTML表單提交的資訊，並在腳本中對這些資訊進行處理，然後向Web流覽器發送資訊。(3)ASP可以使用伺服器端ActiveX組件來執行各種各樣的任務，例如存取資料庫、發送E-Mail或訪問檔系統等。(4)ASP提高了程式的安全性，ASP腳本只在Web伺服器上執行，在客戶端電腦流覽器中可以看到腳本的執行結果（即HTML靜態網頁），但看不到ASP源代碼本身。(5)ASP頁與標準HTML頁既有區別也有聯繫：ASP頁的檔擴展名為.asp，標準HTML頁的檔擴展名則是.htm或.html；標準HTML頁不經過處理即可發送到流覽器，處理ASP頁時先執行服務端腳本而後生成HTML頁；從流覽器來看，ASP頁與標準HTML頁幾乎是完全相同的，向Web伺服器發出一個ASP請求後，流覽器將收到一個標準HTML頁(6)ASP檔是一種無格式的純文本檔，可以使用記事本之類的文本編輯器通過手工方式來編寫。第1章目錄12／241第1章

ASP使用基礎

1.3配置ASP運行環境 要使用ASP創建動態網頁，首先要從硬體和軟體方面配置好ASP的運行環境。在硬體方面，必須在電腦上安裝網卡，至少要安裝一個虛擬網卡，例如MicrosoftLoopbackAdapter；在軟體方面，必須安裝TCP/IP協議和服務器軟體。1.3.1安裝伺服器軟體 在Windows平臺上創建ASP動態網頁之前，應當在電腦上安裝服務器軟體PWS或IIS。這兩種伺服器軟體有一個共同特點，即它們同時兼有Web伺服器和ASP應用程式伺服器的功能。選擇哪種伺服器軟體，與所使用的Windows版本有關。在Windows95/98平臺上可以安裝PWS作為服務器軟體；在WindowsNT4.0Server平臺上可以安裝IIS4.0作為伺服器軟體；在Windows2000平臺上可以安裝IIS5.0作為伺服器軟體；在WindowsXP平臺上可以安裝IIS5.1作為伺服器軟體。 若要檢查PWS或IIS是否安裝成功，請在IE流覽器地址欄中輸入以下URL地址：

http://localhost操作演示第1章目錄13／241第1章

ASP使用基礎

1.3.2啟動或停止服務 在Windows98/95平臺上，可以使用個人Web管理器來啟動或停止Web發佈服務：(1)選擇“開始→程式→MicrosoftPersonalWebServer→個人Web管理器”命令。(2)在“個人Web管理器”窗口中，執行下列操作之一：當Web發佈服務已經啟動時，若要停止該服務，請單擊“停止”按鈕，這將使本機站點內的專案不可見，此時任何ASP應用程式都不能運行。當Web發佈服務已經停止時，若要啟動Web發佈，請單擊“啟動”按鈕，這將本機站點內的專案變成可見，此時可以運行ASP應用程式。操作演示第1章目錄14／241第1章

ASP使用基礎

在Windows2000中，可以使用Internet服務管理單元來啟動或停止IIS5.0：(1)選擇“開始→程式→管理工具→Internet服務管理器”命令。(2)當出現“Internet資訊服務”窗口時，單擊左邊樹窗格本地電腦圖示，然後從彈出式菜單中選擇“重新啟動IIS”命令。(3)在“停止/啟動/重新啟動”對話框時選擇下列選項之一：重新啟動Internet服務：選擇此項，將關閉並重新開始所有的Internet服務。停止Internet服務：如果需要安裝註冊新的COM組件或ISAPI篩選器，應關閉服務。在使用服務時無法進行這樣的操作。啟動Internet服務：選擇此項，將啟動在正常開機時啟動的所有服務。重新啟動：如果成功地重新啟動了Internet服務，可以選擇重新啟動電腦。在大多數情況下，重新啟動Internet服務就足夠了。(4)單擊“確定”按鈕。 操作演示第1章目錄15／241第1章

ASP使用基礎

1.3.3創建虛擬目錄 一旦啟動了Web服務，Web伺服器就可以對通過流覽器提交的ASP動態網頁請求做出回應。為了實現這種回應，要求ASP檔必須保存在Web伺服器上的特定檔夾中，通常是保存在Web站點的主目錄或其子目錄中，主目錄的默認設置是\Inetpub\wwwroot檔夾。 如果希望在Web站點主目錄及其子目錄之外的其他檔夾中保存ASP檔，則必須對該檔夾設置Web共用選項，使之成為Web站點內的一個虛擬目錄。所謂虛擬目錄，就是在URL地址中使用的目錄名稱，有時也稱作URL映射。虛擬目錄的名稱可以物理目錄相同，也可以不相同。創建虛擬目錄操作演示第1章目錄16／241第1章

ASP使用基礎

1.3.4編寫第一個ASP頁 下麵將編寫第一個ASP動態網頁，以測試PWS或IIS的ASP引擎。在記事本程式窗口中，輸入以下內容並以.asp為擴展名來保存檔：<HTML><HEAD><TITLE>ASP動態網頁示例</TITLE></HEAD><BODY>這個網頁於<%=Time()%>創建。</BODY></HTML> 其中<%=Time()%>是在伺服器端執行的腳本，用於顯示在服務器上處理該頁的時間。操作演示第1章目錄17／241第2章HTML語言2.1HTML基礎2.2設置文本格式2.3使用列表格式

2.4使用圖像

2.5使用字幕和背景音樂

2.6使用表格2.7使用框架2.8使用超鏈接2.9使用表單18／241第2章

HTML語言2.1HTML基礎 HTML是用來表示Web文檔的規範，它使用標記來確定網頁顯示的格式。靜態網頁是標準的HTML檔，動態網頁經過應用程式伺服器的處理後也將生成標準的HTML檔。2.1.1HTML工作原理 HTML是一種規範，是用於Web文檔的格式化語言。HTML通過標記（Tag）來標記要顯示的網頁中的各個部分，以告訴Web瀏覽器應該如何顯示網頁，即確定網頁內容的格式。流覽器按照順序閱讀HTML檔，然後根據內容附近的HTML標記來解釋和顯示各種內容，這個過程稱為語法分析。例如，如果為某段文字添加了<H2></H2>標記，流覽器將會以比一般文字大的粗體字來顯示這段文字。第2章目錄19／241第2章

HTML語言2.1.2標記基礎 HTML語言是控制網頁內容顯示格式的標記集合，標記給流覽器提供了格式化Web文檔的指令。1.基本的HTML語法 在HTML語言中，所有的標記都必須用尖括弧（即小於號“<”和大於號“>”）括起來。例如，<HTML>、<HEAD>、<BODY>等。大部分標記都是成對出現的，包括開始標記和結束標記，開始標記和相應的結束標記定義了標記所影響的範圍；結束標記與開始標記名稱相同，但結束標記總是以一個斜線符號開頭的。例如，<HTML>和</HTML>、<HEAD>和</HEAD>等。也有一些標記只要求單一標記符號，例如換行標記<BR>就是這樣。 HTML標記不區分大小寫，但通常約定使用大寫字母來表示，以利於HTML文檔的維護。2.標記符的屬性 大多數標記都擁有一個屬性集，通過這些屬性可以對作用的內容進行更多的控制。在HTML語言中，所有屬性都放置在開始標記的尖括弧內。 例如，使用FONT標記設置文本格式時，可以使用FACE屬性來指定所用的字體，使用SIZE屬性來指定所用的字型大小。請看下麵的HTML代碼：<FONTFACE="楷體_GB2312"SIZE="2">心想事成。</FONT>第2章目錄20／241第2章

HTML語言2.1.3HTML文檔的基本結構 一個基本的HTML文檔通常包含以下三對頂級標記。1.HTML標記<HTML>...</HTML> HTML標記是全部文檔內容的容器，<HTML>是開始標記，</HTML>是結束標記，它們分別是網頁的第一個標記和最後一個標記，其他所有HTML代碼都位於這兩個標記之間。HTML標記告訴流覽器或其他程式：這是一個Web文檔，應該按照HTML語言規則對文內的標記進行解釋。<HTML>...</HTML>標記是可選的，但最好不要可以省略這兩個標記，以保持Web文檔結構的完整性。2.首部標記<HEAD>...</HEAD> 首部標記用於提供與Web頁有關的各種資訊。在首部標記中，可以使用<TITLE>和</TITLE>標記來指定網頁的標題，使用<STYLE>和</STYLE>標記來定義CSS樣式表，使用<SCRIPT>和</SCRIPT>標記來插入腳本，等等。第2章目錄21／241第2章

HTML語言3.正文標記<BODY>...</BODY> 正文標記包含了文檔的內容，文字、圖像、動畫、超鏈接以及其他HTML元素均位於該標記中。正文標記有下列屬性。(1)BACKGROUD：指定文檔背景圖像的URL地址，圖像平鋪在頁背景上。(2)BGCOLOR：指定文檔的背景顏色。(3)TEXT：指定文檔中文本的顏色。(4)LINK：指定文檔中鏈接的顏色。(5)VLINK：指定文檔中已被訪問過的鏈接的顏色。(6)ALINK：指定文檔中正被選中的鏈接的顏色。(7)ONLOAD：指定文檔首次加載時調用的事件處理程式。(8)ONUNLOAD：用於指定文檔卸載時調用的事件處理程式。 在上述屬性中，各個顏色屬性的值有兩種表示方法：使用顏色名稱來指定，例如紅色、綠色和藍色分別用red、green和blue表示；使用十六進制格式數值#RRGGBB來表示，RR、GG和BB分別表示顏色中的紅、綠、藍三基色的兩位十六進制數據。第2章目錄22／241第2章

HTML語言4.HTML文檔的基本結構HTML文檔的基本結構可以表示如下：<HTML><HEAD><TITLE>標題文字</TITLE><HEAD><BODY>文本、圖像、動畫、HTML指令等</BODY></HTML>【例2.1】演示2.1.4添加注釋 在HTML語言中，注釋由開始標記<!--和結束標記-->構成，這兩個標記之間的文字被流覽器解釋為注釋，而不在流覽器窗口中顯示。第2章目錄23／241第2章

HTML語言2.2設置文本格式2.2.1分段與換行 段落是文檔的基本資訊單位。將文檔劃分為段落，可以通過使用分段標記、換行標記、標題標記或插入水平線來實現。1.分段標記P 分段標記定義了一個段落，使用該標記時要跳過一個空行，使後續內容隔一行顯示。若同時使用<P>和</P>，則將段落包圍起來，表示一個分段的塊；若省略結束標記</P>，可以將開始標記<P>放在段尾。分段標記的常用屬性是ALIGN，用於設置段落的水準對齊方式。2.換行標記BR<BR>標記強行規定了當前行的中斷，使後續內容在下一行顯示。【例2.2】演示

第2章目錄24／241第2章

HTML語言3.標題標記Hn 標題標記用於設置文檔中的標題和副標題，其中n的取值是1到6；<H1>...</H1>標記表示字體最大的標題，<H6>…</H6>標記表示字體最小的標題。【例2.3】演示

4.水平線標記HR HR標記在文檔中添加一條水平線，用來分開文檔的兩個部分。該標記有以下屬性： (1)ALIGN：指定線的對齊方式，取值為left（左對齊）、center（居中對齊）或right（右對齊），默認值為center。 (2)COLOR：指定線的顏色。 (3)NOSHADE：若指定該項，則顯示一條無陰影的實線。 (4)SIZE：指定線的寬度，以像素為單位。 (5)WIDTH：指定線的長度，單位可以是像素或百分比（占頁面寬度的百分比）。【例2.4】演示

第2章目錄25／241第2章

HTML語言2.2.2設置段落對齊方式 在網頁中有四種段落對齊方式：左對齊、右對齊、居中對齊和兩端對齊。在HTML語言中，可以使用ALIGN屬性來設置段落的對齊方式。 ALIGN屬性可以應用於多種標記，例如分段標記<P>...</P>、標題標記<Hn>...</Hn>以及水平線標記<HR>等。ALIGN屬性的取值可以是：left（左對齊）、center（居中對齊）、right（右對齊）以及justify（兩邊對齊）。兩邊對齊是指將一行中的文本在排滿的情況下向左右兩頁邊對齊，以避免在左右頁邊出現鋸齒狀。 對於不同的標記，ALIGN屬性的默認值是有所不同的。對於分段標記和各個標題標記，ALIGN屬性的默認值為left；對於水平線標記<HR>，ALIGN屬性的默認值為center。 若要將文檔中的多個段落設置成相同的對齊方式，可將這些段落置於<DIV>和</DIV>標記之間組成一個節，並使用ALIGN屬性來設置該節的對齊方式。如果要將部分文檔內容設置為居中對齊，也可以將這部分內容置於<CENTER>和</CENTER>標記之間。【例2.5】演示第2章目錄26／241第2章

HTML語言2.2.3設置字體、字型大小和顏色 在HTML語言中，可以使用字體標記<FONT>...</FONT>來設置文本的字元格式，為此可以將文本置於<FONT>和</FONT>標記之間，並通過FACE、SIZE和COLOR屬性來設置文本的字體、字號和顏色。 FACE屬性指定一種字體，或者給出一個字體列表，各種字體名稱用逗號來分隔，可以按照作者的喜好程度來排列。例如：<FONTFACE="楷體_GB2312,仿宋_GB2312,宋體">超文本標記語言</FONT> SIZE屬性指定字體的大小（即字型大小），其取值可以從1到7，默認值為3。SIZE屬性值越大，顯示的字型大小就越大。相對於基本字體（BASEFONT）的大小，也可使用＋或－號來指定相對字型大小。如：<FONTSIZE="6">超文本標記語言</FONT><FONTSIZE="+2">ASP動態網頁設計</FONT> COLOR屬性指定文本的顏色，可以用顏色名稱表示，也可以用十六進制RGB格式表示。例如：<FONTCOLOR="red">超文本標記語言</FONT><FONTCOLOR="#00FF00">ASP動態網頁設計</FONT>【例2.6】演示第2章目錄27／241第2章

HTML語言2.2.4設置字元樣式 通過設置字元樣式可以為某些字元設置特殊格式，例如粗體、斜體、下劃線、刪除線、上標、下標等。常用的設置字元樣式的標記如下：<B>...</B> 粗體

<BIG>...</BIG> 大字體 <I>...</I> 斜體

<S>...</S> 刪除線 <SMALL>...</SMALL> 小字體<STRIKE>...</STRIKE> 刪除線<SUP>...</SUP> 上標<SUB>...</SUB> 下標<TT>...</TT> 固定寬度字體<U>...</U> 下劃線【例2.7】演示第2章目錄28／241第2章HTML語言2.2.5插入特殊字元 設計網頁時，經常要插入一些空格。這本來是一個十分簡單的問題，但在HTML網頁中卻變得比較麻煩。在輸入文本時按了多次空格鍵，但在流覽器中打開網頁時卻只能看到一個空格。另外，在網頁中有時可能要插入一些特殊符號，如版權符號©和註冊符號®等。 當遇到這種情況時，可以使用兩種方式來輸入特殊符號：即使用字元實體名稱或數字表示方式。例如，若要在網頁中輸入一個無間斷空格，可以輸入“ ”或“ ”，等等。表2.3列出了常用特殊符號的實體名稱或數字表示。第2章目錄29／241第2章HTML語言2.3使用列表格式2.3.1創建有序列表 有序列表是在各列表項前面顯示數字或字母的縮排列表，可以使用有序列表標記OL和列表項標記LI來創建，語法格式如下：<OL><LI>列表項1<LI>列表項2……<LI>列表項n</OL> OL標記有兩個常用屬性：START和TYPE。START屬性用於數字序列的起始值，可以取整數值；TYPE屬性用於設置數字序列樣式，其取值可以是：1：表示阿拉伯數字1、2、3等，此為默認值。A：表示大寫字母A、B、C等。a：表示小寫字母a、b、c等。I：表示大寫羅馬數字I、II、III、IV等。i：表示小寫羅馬數字i、ii、iii、iv等。 當位於<OL>和</OL>標記之間時，LI標記有兩個常用屬性：TYPE和VALUE。TYPE屬性指定數字樣式，其取值與OL的TYPE屬性相同；VALUE屬性指定一個新的數字序列起始值，以獲得非連續性的數字序列。【例2.8】演示第2章目錄30／241第2章HTML語言2.3.2創建無序列表 無序列表是一種在各列表項前面顯示特殊專案符號的縮排列表，可以使用無序列表標記UL和列表項標記LI來創建，語法格式如下：<UL><LI>列表項1<LI>列表項2……<LI>列表項n</UL> UL標記的TYPE屬性用於指定列表項前面顯示的專案符號，其取值可以是：disc：使用實心圓作為專案符號（默認值）。circle：使用空心圓作為專案符號。square：使用方塊作為專案符號。應注意的是，在IE流覽器中，TYPE屬性的值是區分大小寫的。【例2.9】演示第2章目錄31／241第2章HTML語言2.4使用圖像2.4.1在網頁中插入圖像 在HTML語言中，可使用IMG標記在網頁中插入一個行內圖像。1.SRC和ALT屬性 IMG標記有許多屬性，其中最常用的是SRC和ALT屬性，分別用於設置圖像的位置和替換文本。SRC屬性給出圖像檔的URL地址，圖像可以是JPEG檔、GIF檔或PNG檔。ALT屬性給出圖像的簡單文本說明，這段文本在流覽器不能顯示圖像時顯示出來，或圖像加載時間過長時先顯示出來。【例2.10】演示2.指定圖像的高和寬 當使用IMG標記在網頁中插入一個圖像時，可以通過HEIGHT和WIDTH屬性來設置圖像的高度和寬度，所用單位可以是像素或百分數。如果只給出了高度或寬度，則圖像將按比例進行縮放。第2章目錄32／241第2章HTML語言2.4.2設置圖像格式與佈局 使用標記IMG在網頁中插入一個圖像時，除了使用SRC、ALT、HEIGHT和WIDTH屬性來指定圖像的來源、替換文本以及圖像的尺寸之外，還可以使用IMG標記的其他屬性對圖像的格式佈局進行設置。1.設置圖像的邊框 使用IMG標記的BORDER屬性可以給圖像添加邊框效果，該屬性的取值為正整數，單位為像素。例如：<IMGSRC="Images/Photo01.jpg"ALT="西雙版納風光"BORDER="1">2.設置圖像與文本之間的空白 使用IMG標記的HSPACE和VSPACE屬性可以設置圖像與文本之間的空白，前者指定圖像的左、右邊距，後者指定圖像的上、下邊距，兩者的單位均為像素。<IMGSRC="Images/Photo01.jpg"ALT="西雙版納風光"HSPACE="30"VSPACE="30">第2章目錄33／241第2章HTML語言3.設置圖像在頁面上的對齊方式 如果插入的圖像在頁面上單獨占一行，則可以將IMG標記置於<P>和</P>標記之間，並通過P>標記的ALIGN屬性來設置圖像在頁面上的對齊方式。例如： <PALIGN="center"><IMGSRC="Images/Photo01.jpg"ALT="西雙版納風光"></P>4.設置圖像與文本的對齊方式當在頁面中進行圖文混排時，可以使用IMG標記的ALIGN屬性來設置圖像與文本在垂直方向的對齊方式，此時ALIGN屬性的取值如下：top：圖像與文本頂部對齊。middle：圖像與文本中央對齊。bottom：圖像與文本底部對齊。通過設置IMG標記的ALIGN屬性，也可以在圖像的左、右繞排文本，此時ALIGN屬性的取值為：left：圖像居左，文本居右。right，圖像居右，文本居左。使用換行標記BR的CLEAR屬性，可以將換行後的文本移到圖像的下麵。【例2.11】演示第2章目錄34／241第2章HTML語言2.4.3播放多媒體檔 IMG標記不僅用於在網頁中插入圖像，也可以用於播放VideoforWindows的多媒體檔（.avi）。若要在網頁中播放多媒體檔，應在IMG標記中設置以下屬性：(1)CONTROLS：指定該選項後，若有多媒體檔，則顯示一套視頻控件。(2)DYNSRC：指定要播放的多媒體檔的URL。(3)START：指定何時開始播放多媒體檔，其取值可以是fileopen或mouseover。(4)LOOP：整數，指定多媒體檔的播放次數。如果不限播放次數，則應將該屬性設置為關鍵字infinite。(6)LOOPDELAY：整數，指定兩次播放之間的延遲，以毫秒為單位。 需要說明的是，在IMG標記中SRC和DYNSRC屬性可以同時使用，但DYNSRC優先於SRC。換言之，如果電腦具有多媒體功能，並且所指定的多媒體檔存在，則播放該多媒體檔；如果電腦沒有多媒體功能，或者所指定的多媒體檔不存在，則顯示由SRC屬性指定的圖像檔。【例2.12】演示第2章目錄35／241第2章HTML語言2.5使用字幕和背景音樂2.5.1插入字幕 MARQUEE標記在頁面中插入一個字幕，用於滾動顯示文本資訊。語法如下： <MARQUEE>要滾動顯示的文本資訊</MARQUEE>MARQUEE標記的主要屬性有：(1)ALIGN：指定字幕與周圍文本的對齊方式，其取值可以是top、middle或bottom。(2)BEHAVIOR：指定文本動畫的類型，其取值可以是scroll、slide或alternate。(3)BGCOLOR：指定字幕的背景顏色。(4)DIRECTION：指定文本的移動方向，其取值可以是down、left、right或up。(5)HEIGHT：指定字幕的高度，以像素或百分比為單位。(6)HSPACE：整數，指定字幕的外部邊緣與流覽器窗口之間的左右邊距（像素）。(7)LOOP：指定字幕的滾動次數。(8)SCROLLAMOUNT：整數，指定字幕文本每次移動的距離，以像素為單位。(9)SCROLLDEALY：整數，指定與前段字幕文本延遲多少ms後重新開始移動文本。(10)VSPACE：整數，指定字幕的外邊緣與流覽器窗口之間的上下邊距（像素）。【例2.13】演示第2章目錄36／241第2章HTML語言2.5.2插入背景音樂 在HTML語言中，可以使用<BGSOUND>標記在網頁中添加背景音樂，該標記只允許放置在HEAD部分。通過<BGSOUND>標記的下列屬性可以對音樂的播放進行控制：(1)BALANCE：整數，指定如何將聲音分成左聲道和右聲道。取值為-10,000～+10,000，默認值為0。(2)LOOP：整數，指定聲音播放的次數。如果設置為0，則播放一次；如果設置為大於0的整數，則播放指定的次數；如果設置為-1，則聲音反復播放，直到頁面卸載。(3)SRC：指定要播放的聲音檔的URL。常用的聲音檔類型是波形文件（.wav）、MIDI檔（.mid）、AIFF檔（.aif）、AU檔（.au）以及MP3檔（*.mp3）等。(4)VOLUME：整數，指定音量高低，其取值為-10,000～0，默認值為0。【例2.14】演示第2章目錄37／241第2章HTML語言2.6使用表格2.6.1創建基本表格若要創建一個基本的表格，可以使用以下HTML代碼： <TABLE> <CAPTION>表格標題文字<CAPTION> <TR> <TD>標題</TD><TD>標題</TD>…<TD>標題</TD> </TR> <TR> <TD>數據</TD><TD>數據</TD>…<TD>數據</TD> </TR> <TR> <TD>數據</TD><TD>數據</TD>…<TD>數據</TD> </TR>

…… <TR> <TD>數據</TD><TD>數據</TD>…<TD>數據</TD> </TR> </TABLE>【例2.15】演示第2章目錄38／241第2章HTML語言2.6.2設置表格的屬性創建表格時，可以通過TABLE標記的下列屬性來對表格的格式進行設置：(1)ALIGN：指定表格的對齊方式，取值可以是left（默認值）、center或right。(2)BACKGROUND：指定用作表格背景圖片的URL地址。(3)BGCOLOR：指定表格的背景顏色。(4)BORDER：指定表格邊框的寬度，以像素為單位。如果省略該屬性，則默認值為0。(5)BORDERCOLOR：指定表格邊框顏色，應與BORDER屬性一起使用。(6)BORDERCOLORDARK：指定3D邊框的陰影顏色，應與BORDER屬性一起使用。(7)BORDERCOLORLIGHT：指定3D邊框的高亮顯示顏色，應與BORDER屬性一起使用。(8)CELLPADDING：指定單元格內數據與單元格邊框之間的間距，以像素為單位。(9)CELLSPACING：指定單元格之間的間距，以像素為單位。(10)WIDTH：指定表格的寬度，以像素或百分比為單位。【例2.16】演示第2章目錄39／241第2章HTML語言2.6.3設置行的屬性 表格中的每一行是用TR標記來定義的，可以通過該標記的下列屬性對指定行的格式進行設置：(1)ALIGN：指定行中單元格的水準對齊方式，取值為left（默認值）、center或right。(2)BACKGROUND：給出圖像檔的URL，該圖像用作指定行的背景。(3)BGCOLOR：指定行的背景顏色。(4)BORDERCOLOR：指定行的邊框顏色，該屬性只有當TABLE標記的BORDER屬性取非零值時才起作用。(5)BORDERCOLORDARK：指定行的3D邊框的陰影顏色，該屬性只有當TABLE標記的BORDER屬性取非零值時才起作用。(6)BORDERCOLORLIGHT：指定行的3D邊框的高亮顏色，該屬性只有當TABLE標記的BORDER屬性取非零值時才起作用。(7)VALIGN：指定行中單元格內容的垂直對齊方式，該屬性的取值可以是top（頂端對齊）、middle（居中對齊）、bottom（底端對齊）或baseline（基線對齊）。【例2.17】演示第2章目錄40／241第2章HTML語言2.6.4設置單元格的屬性通過TD和TH標記的下列屬性可以對指定單元格的格式進行設置：(1)ALIGN：指定單元格內文本的水準對齊方式，取值為left（默認值）、center或right。(2)BACKGROUND：指定圖像的URL，該圖像用作單元格的背景。(3)BGCOLOR：指定單元格的背景顏色。(4)BORDERCOLOR：指定單元格的邊框顏色。(5)BORDERCOLORDARK：用於指定單元格的3D邊框的陰影顏色。(6)BORDERCOLORLIGHT：用於指定單元格的3D邊框的高亮顏色。(7)COLSPAN：指定合併單元格時一個單元格跨越的表格列數。(8)NOWRAP：若指定該屬性，則避免Web流覽器將單元格裏的文本換行。(9)ROWSPAN：指定合併單元格時一個單元格跨越的表格行數。(10)VALIGN：指定單元格中文本的垂直對齊方式，取值可以是top、middle（默認值）、bottom或baseline。【例2.18】演示第2章目錄41／241第2章HTML語言2.7使用框架2.7.1框架網頁的基本結構 框架網頁將流覽器上的視窗分成不同區域，在每個區域中都可以獨立顯示一個網頁。框架網頁通過一個或多個FRMAESET和FRAME標記來定義。在框架網頁中，將FRMAESET標記置於HEAD之後，以取代BODY的位置，還可以使用NOFRAMES標記給出框架不能被顯示時的替換內容。框架網頁的基本結構可以表示如下： <HTML> <HEAD> <TITLE>框架網頁的基本結構</TITLE> </HEAD> <FRAMESET> <FRAME> <FRAME> <FRAME>

…… </FRAMESET> </HTML>第2章目錄42／241第2章HTML語言2.7.2設置框架集的屬性 框架集包含如何組織各個框架的資訊，可以通過FRMAESET標記來定義。框架是按照行和列來組織的，可以使用FRMAESET標記的下列屬性對框架的結構進行設置：(1)COLS：創建縱向分隔框架時通過該屬性指定各個框架的列寬，取值有三種形式，即像素、百分比（%）和相對尺寸（*）。(2)FRAMEBORDER：指定框架周圍是否顯示三維邊框，取值為1（顯示三維邊框，默認值）或0（顯示平面邊框）。(3)FRAMESPACING：指定框架之間的間隔，以像素為單位。如果不設置該屬性，則框架之間沒有間隔。(4)ROWS：創建橫向分隔框架時通過該屬性指定各個框架的行高，取值有三種形式，即像素、百分比（%）和相對尺寸（*），設置方法與COLS屬性類似。但ROWS屬性不能與COLS屬性同時使用，若要創建同時包含縱向分隔框架和橫向分隔框架，則應使用嵌套框架。【例2.19】演示第2章目錄43／241第2章HTML語言2.7.3設置框架的屬性 使用<FRAME>標記可以設置框架的屬性，包括框架的名稱、框架是否可以滾動以及在框架中顯示什麼檔等。<FRAME>標記具有下列屬性：(1)FRAMEBODER：指定框架周圍是否顯示三維邊框，取值為1（顯示三維邊框）或0（顯示平面邊框）。默認值為1。(2)MARGINHEIGHT：指定框架的高度，以像素為單位。(3)MARGINWIDTH：指定框架的寬度，以像素為單位。(4)NAME：指定框架的名稱。(5)NORISIZE：若指定了該屬性，則不能調整框架的大小。(6)SCROLLING：指定框架是否可以滾動。如果將該屬性設置為yes，則框架可以滾動；若將該屬性設置為no，則框架不能滾動；如果將該屬性設置為auto，則在需要時添加滾動條。(7)SRC：指定在框架中顯示的HTML檔。【例2.20】演示第2章目錄44／241第2章HTML語言2.8使用超鏈接2.8.1超鏈接基礎1.理解超鏈接 超鏈接是由源端點到目標端點的一種跳轉。源端點可以是網頁中的一段文本或一幅圖像等。目標端點可以是任意類型的網路資源，例如可以是一個網頁、一幅圖像、一首歌曲、一段動畫或一個程式等。 按照目標端點的不同，可以將超鏈接分為以下幾種形式。(1)檔鏈接：這種鏈接的目標端點是的一個檔，它可以位於當前網頁所在的伺服器，也可以位於其他伺服器。(2)錨點鏈接：這種鏈接的目標端點是網頁中的一個位置，通過這種鏈接可以從當前網頁跳轉到本頁面或其他頁面中的指定位置。(3)E-mail鏈接：通過這種鏈接可以啟動電子郵件客戶端程式（如Outlook或FoxMail等），並允許訪問者向指定的地址發送郵件。第2章目錄45／241第2章HTML語言2.理解路徑 路徑是指從站點根檔夾或當前檔夾起到目標檔所經過的路線，可以使用路徑來指定超鏈接中目標端點的位置。路徑有以下幾種類型：(1)絕對路徑：也稱為絕對URL，它給出目標檔的完整URL地址，包括傳輸協議在內。如果要鏈接的檔位於外部伺服器上，則必須使用絕對路徑。(2)相對路徑：也稱為相對URL，是指以當前文檔所在位置為起點到目標文檔所經過的路徑。若要將當前文檔與處在同一檔夾中的另一個文檔鏈接，或者將同一站點中不同檔夾下的文檔相互鏈接，都可以使用相對路徑，此時可以省去當前文檔與目標文檔完整URL中的相同部分，只留下不同部分。(3)根相對路徑：是指從站點根目錄到被鏈接檔的路徑。使用這種路徑是指定站點內文檔鏈接的最好方式。第2章目錄46／241第2章HTML語言2.8.2創建檔鏈接 在HTML語言中，可以使用A標記來創建超鏈接，基本語法格式如下：<AHREF="字串"TARGET="字串"TITLE="字串">文本</A>上述語法格式包含A標記的以下基本屬性：(1)HREF：該屬性是必選項，用於指定目標端點的URL地址，可以包含一個或多個參數。(2)TARGET：該屬性是可選項，用於指定一個窗口或框架的名稱，目標文檔將在該窗口或框架中打開。如果省略該屬性，則目標文檔將取代包含該超鏈接的文檔。TARGET屬性的取值既可以是窗口或框架的名稱，也可以用“_blank”指定將鏈接的目標檔加載到未命名的新流覽器窗口中；用“_parent”指定將鏈接的目標檔加載到包含鏈接的父框架頁或窗口中，如果包含鏈接的框架不是嵌套的，則鏈接的目標檔加載到整個流覽器窗口中；用“_self”指定將鏈接的目標檔加載到鏈接所在的同一框架或窗口中；用“_top”指定將鏈接的目標檔加載到整個流覽器窗口中，並由此刪除所有框架。(3)TITLE：該屬性也是可選項，用於指定指向超鏈接時所顯示的標題文字。

【例2.21】演示第2章目錄47／241第2章HTML語言2.8.3創建錨點鏈接 創建錨點鏈接時，要在頁面的某處設置一個位置標記（即所謂錨點），並給該位置指定一個名稱，以便在同一頁面或其他頁面中引用。通過創建錨點鏈接，可以使超鏈接指向當前頁面或其他頁面中的指定位置。 若要創建錨點鏈接，首先在頁面中為需要跳轉的位置命名，即在該位置上放置一個A標記並通過NAME屬性為該位置指定一個名稱，但不要在<A>和</A>標記之間放置任何文字。例如，可以使用A標記在test.htm頁面頂部創建一個錨點：

<P><ANAME="top"></A></P> 創建錨點後，可以使用A標記來創建指向該錨點的超鏈接。例如，要在同一個頁面中跳轉到名為“top”的錨點處，可以使用以下HTML代碼：

<P><AHREF="#top">返回頂部</A></P> 若要在其他頁面中跳轉到該錨點，則使用以下HTML代碼：<P><AHREF="test.htm#top">跳轉到test.htm頁的頂部</A></P>第2章目錄48／241第2章HTML語言2.8.4創建郵件鏈接 使用A標記創建郵件鏈接，該標記的HREF屬性應由三個部分組成：第一部分是電子郵件協議名稱mailto，第二部分是電子郵件地址，第三部分是可選的郵件主題，其形式為“subject=主題”。第一部分與第二部分之間用冒號（:）分隔，第二部分與第三部分之間用問號（?）分隔。例如：<AHREF="mailto:hegels@?subject=關於ASP動態網頁設計">給我寫信</A> 當訪問者在流覽器窗口中單擊郵件連接時，將會自動啟動電子郵件客戶端程式（例如OutlookExpress或FoxMail等），並將指定的主題填入“主題”欄中。第2章目錄49／241第2章HTML語言2.9使用表單什麼是表單？ 表單是用來收集站點訪問者資訊的域集。表單從用戶收集信息，然後將這些資訊提交給伺服器進行處理。表單可以包含允許用戶進行交互的各種控件，例如文本框、列表框、複選框和單選按鈕等。如何使用表單？ 站點訪問者填表單的方式是輸入文本、單擊單選按鈕與複選框，以及從下拉菜單中選擇選項。在填好表單之後，站點訪問者便送出所輸入的數據，該數據就會根據所設置的表單處理程式，以各種不同的方式進行處理。第2章目錄50／241第2章HTML語言2.9.1創建表單在HTML語言中，表單通過FORM標記來定義，基本語法格式如下：<FORMNAME="字串"METHOD="get|post"ACTION="字串">……</FORM>FORM標記具有以下屬性：(1)NAME：指定表單的名稱，以標識表單。命名表單後，可以使用腳本語言（如VBScript或JScript）來引用或控制該表單(2)METHOD：指定將表單數據傳輸到伺服器的方法，其取值可以是：post：在HTTP請求中嵌入表單數據。get：將表單數據附加到請求該頁的URL中。(3)ACTION：指定將要接收表單數據的伺服器端程式或動態網頁的網址。(4)onSubmit：指定提交表單時調用的事件處理程式。(5)onReset：指定重置表單時調用的事件處理程式。(6)TARGET：指定一個目標窗口，其取值為：_blank：在未命名的新窗口中打開目標文檔。_parent：在顯示當前文檔的窗口的父窗口中打開目標文檔。_self：在提交表單所使用的窗口中打開目標文檔。_top：在當前窗口內打開目標文檔，確保目標文檔佔用整個窗口。第2章目錄51／241第2章HTML語言2.9.2使用輸入型表單控件 為了讓用戶通過表單輸入數據，可以使用INPUT標記創建各種輸入型表單控件。通過將INPUT標記的TYPE屬性設置為不同的值，可以創建不同類型的輸入型表單控件，包括單行文本框、密碼框、複選框、單選按鈕、檔域以及按鈕等。1.在表單中添加單行文本框 如果要獲取站點訪問者提供的一行資訊，可以在表單中添加單行文本框。為此，可以在<FORM>...</FORM>之間添加一個INPUT標記，並將其TYPE屬性指定為“text”。創建單行文本框的基本語法格式為： <INPUTTYPE="text"NAME="字串"

VALUE="字串"

SIZE="整數"MAXLENGTH="整數"> 其中NAME屬性指定文本框的名稱，通過它可以在腳本中引用該文本框控件；VALUE屬性指定文本框的初始值；SIZE屬性指定文本框的寬度；MAXLENGTH屬性指定允許在文本框內輸入的最大字符數。當提交表單時，該文本框的名稱和內容都會包含在表單結果中。第2章目錄52／241第2章HTML語言2.在表單中添加密碼域 如果要求站點訪問者輸入密碼後才能進入站點時，則應在表單中添加密碼域。密碼域其實只是一個單行的文本框。當站點訪問者在這個域中鍵入數據時，大部分的Web流覽器都會以星號顯示密碼以保機密。若要創建一個密碼域，請在<FORM>...</FORM>之間添加一個<INPUT>標記，並將其TYPE屬性指定為“password”。創建密碼域的基本語法格式為： <INPUTTYPE="password"NAME="字串"

VALUE="字串"SIZE="整數"MAXLENGTH="整數"> 其中NAME屬性用於指定密碼域的名稱，通過這個名稱可以在腳本中引用該控件；VALUE屬性用於指定密碼域的初始值；SIZE屬性指定密碼域的寬度；MAXLENGTH屬性用於指定允許在密碼域內輸入的最大字符數。當提交表單時，該域的名稱和內容都會被包含在表單結果中。第2章目錄53／241第2章HTML語言3.在表單中添加按鈕 使用<INPUT>標記可以在表單中添加三種類型的按鈕：即提交按鈕、重置按鈕和自定義按鈕。創建按鈕的基本語法格式為：

<INPUTTYPE="submit|reset|button"NAME="字串"VALUE="字串"OnClick="過程">對該標記的屬性說明如下：(1)TYPE：指定按鈕的類型，取值可以是：·submit：創建一個提交按鈕。·reset：創建一個重置按鈕。·button：創建一個自定義按鈕。(2)NAME：指定按鈕的名稱。(3)VALUE：指定顯示在按鈕上的標題文本。【例2.22】演示第2章目錄54／241第2章HTML語言4.在表單中添加圖形化按鈕 在表單中可以添加圖片作為提交按鈕使用。在填寫表單後，站點訪問者單擊圖片以提交表單，那麼表單上的數據，包括圖片域名稱，就會被提交到表單處理程式。圖形化的提交按鈕使用<INPUT>標記來創建，方法是將該標記的TYPE屬性設置為“image”，語法格式為：

<INPUTTYPE="image"SRC="URL"NAME="字串"VALUE="字串"> 其中TYPE屬性表示以一個圖像作為提交按鈕，所用圖像的URL地址由SRC屬性給出，NAME或VALUE屬性提供圖像的替換文本。第2章目錄55／241第2章HTML語言5.在表單中添加複選框 如果想讓站點訪問者去選擇一個或多個選項或都不選取時，可以在表單中添加複選框。若要創建複選框，可以在<FORM>...</FORM>之間使用<INPUT>標記，並將TYPE屬性設置為“checkbox”，基本語法格式如下：

<INPUTTYPE="checkbox"NAME="字串"

VALUE="字串"[CHECKED]>選項文本 其中NAME屬性指定複選框的名稱；VALUE屬性指定提交時的值；CHECKED屬性是可選的，若使用該屬性，則當第一次打開表單時該複選框處於選中狀態。 當提交表單時，假如複選框被選中，它的內部名稱和值都會包含在表單結果中。否則，只有名稱會被納入表單結果中，但值為空白。第2章目錄56／241第2章HTML語言6.在表單中添加單選按鈕 如果想讓站點訪問者從一組選項中選擇其中之一，可以在表單中添加單選按鈕。在一組單選按鈕中，一次只能選擇一個。若要創建單選按鈕，可以在<FORM>...</FORM>之間使用<INPUT>標記，並將TYPE屬性設置為“radio”，基本語法格式如下：

<INPUTTYPE="radio"NAME="字串"VALUE="字串"[CHECKED]>選項文本 其中NAME屬性指定單選按鈕的名稱，若干個名稱相同的單選按鈕構成一個控件組，在該組中只能選中一個選項；VALUE屬性指定提交時的值；CHECKED屬性是可選的，若使用該屬性，則當第一次打開表單時該單選按鈕處於選中狀態。 當提交表單時，該單選按鈕組名稱和所選取的單選按鈕指定值都會包含在表單結果中。如果沒有任何單選按鈕被選取，組名稱會被納入表單結果中，但值為空白。

【例2.23】演示第2章目錄57／241第2章HTML語言7.在表單中添加檔域 檔域由一個文本框和一個“流覽”按鈕組成，用戶既可以在文本框中輸入檔的路徑和文件名，也可以通過單擊“流覽”按鈕從磁盤上查找和選擇所需檔。如果想讓站點訪問者通過表單來選擇檔，可以在表單中添加檔域。 在<FORM>和</FORM>之間添加<INPUT>標記，並將其TYPE屬性設置為“file”，即可創建檔域，語法格式為：

<INPUTTYPE="file"NAME="字串"SIZE="整數"VALUE="字串"> 其中NAME屬性指定檔域的名稱，VALUE屬性給出初始文件名，SIZE屬性指定檔案名輸入框的寬度。【例2.24】演示第2章目錄58／241第2章HTML語言8.在表單中添加隱藏域 若要在表單結果中包含不希望讓站點訪問者看見的資訊，可以在表單中添加隱藏域。每一個隱藏域都有自己的名稱和值。當提交表單時，隱藏域的名稱和值就會與可見表單域的名稱和值一起包含在表單結果中。例如，如果有許多使用相同自定義表單處理程式的表單，就可以利用獨特的名稱或數字作為隱藏域的名稱來區分各個表單。 在<FORM>和</FORM>之間添加<INPUT>標記，並將其TYPE屬性設置為“hidden”，即可創建隱藏域，語法格式為：

<INPUTTYPE="hidden"NAME="字串"

VALUE="字串"> 其中NAME屬性指定隱藏域的名稱，VALUE屬性給出隱藏域的默認值。當提交表單時，該隱藏域的名稱和值就會與可見表單域的名稱和值一起包含在表單結果中。第2章目錄59／241第2章HTML語言2.9.3使用其他表單控件1.在表單中添加滾動文本框 若要接受站點訪問者輸入多於一行的文本，請在表單中添加滾動文本框。在<FORM>和</FORM>之間添加TEXTAREA標記，即可創建滾動文本框，其基本語法格式如下：

<TEXTAREANAME="字串"

ROWS="整數"

COLS="整數"[READONLY]>...</TEXTAREA> 其中NAME屬性指定滾動文本框控件的名稱，ROWS屬性指定該控件的高度（以行為單位），COLS屬性指定該控件的寬度（以字元為單位），READONLY屬性指定滾動文本框的內容不被用戶修改。 創建滾動文本框時，在<TEXTAREA>和</TEXTAREA>標記之間輸入的文本將作為該控件的初始值。當提交表單時，該功能變數名稱稱和內容都會包含在表單結果中。第2章目錄60／241第2章HTML語言2.在表單中添加選項菜單 若要創建選項菜單，應在<FORM>和</FORM>之間添加<SELECT>標記，並使用<OPTION>標記將每個選項列出來，基本語法格式如下：

<SELECTNAME="字串"SIZE="整數"[MULTIPLE]> <OPTION[SELECTED]VALUE="字串">選項1</OPTION> <OPTION[SELECTED]VALUE="字串">選項2</OPTION>

…… </SELECT> 其中NAME屬性指定選項菜單控件的名稱；SIZE屬性指定在列表中一次可以看到的選項數目；布爾屬性MULTIPLE指定是否允許作多項選擇；SELECTED屬性指定該選項的初始狀態為選中。當提交表單時，菜單的名稱會被包含至表單結果中，其後並有一份所有選項值的列表。第2章目錄61／241第2章HTML語言3.對表單控件分組 在HTML語言中，可以使用<FIELDSET>標記對表單控件進行分組，從而將表單分為更小、更易於管理的部分。<FIELDSET>標記必須以<LEGEND>開頭，以提供控件組的標題，在<LEGEND>之後可以跟其他表單控件，也可以嵌套<FIELDSET>。使用<FIELDSET>標記對表單控件進行分組時，語法格式如下：

<FIELDSET> <LEGNED>控件組標題</LEGEND> 組內表單控件 </FIELDSET>【例2.25】演示第2章目錄62／241第2章HTML語言2.9.4提交和處理表單 當用戶填完成表單數據後，單擊提交按鈕即可將表單數據提交給Web伺服器上的表單處理程式。 提交資訊表單處理程式的方法由FORM標記的METHOD屬性來確定。提交表單的方法有兩種：即get方法和post方法。get方法將表單的名稱/值對進行程式編碼，並將該資訊賦予給一個叫做QUERY_STRING的伺服器變數；post方法直接將名稱/值對傳送至表單處理程式作為輸入。 表單處理程式的URL地址由FORM標記的ACTION屬性來確定。如果要處理表單數據，需要在伺服器端編寫腳本（CGI或ASP等）作為表單處理程式。第2章目錄63／241第3章VBScript語言3.1VBScript概述3.2VBScript基本元素3.3基本輸入輸出

3.4條件語句

3.5迴圈語句

3.6過程3.7文檔對象模型64／241第3章VBScript語言3.1VBScript概述3.1.1什麼是VBScript VBScript是程式開發語言VisualBasic家族的最新成員，可以將靈活的腳本應用於更廣泛的領域，包括MicrosoftInternetExplorer中的Web客戶端腳本和MicrosoftInternetInformationServer中的Web伺服器端腳本。VBScript腳本語言有以下主要特點：(1)易學易用。如果讀者已經瞭解VisualBasic或VisualBasicforApplications，就會很快熟悉VBScript。(2)ActiveX腳本。VBScript使用ActiveX腳本與宿主應用程式對話；所用的腳本編寫引擎是vbscript.dll，該引擎能夠識別VBScript代碼；腳本編寫宿主是使用腳本編寫引擎的應用程式，InternetExplorer就是宿主應用程式的一個例