ASP動態(tài)網(wǎng)頁設(shè)計(jì)課件

ASP動態(tài)網(wǎng)頁設(shè)計(jì)

2／241第1章ASP使用基礎(chǔ)1.1Web基礎(chǔ)知識

1.2ASP基本概念1.3配置ASP運(yùn)行環(huán)境3／241第1章

ASP使用基礎(chǔ)

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

ASP使用基礎(chǔ)

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

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

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

ASP使用基礎(chǔ)

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

ASP使用基礎(chǔ)

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

ASP使用基礎(chǔ)

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

ASP使用基礎(chǔ)

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

ASP使用基礎(chǔ)

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

ASP使用基礎(chǔ)

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

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

ASP使用基礎(chǔ)

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

ASP使用基礎(chǔ)

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

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

ASP使用基礎(chǔ)

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

ASP使用基礎(chǔ)

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

ASP使用基礎(chǔ)

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

ASP使用基礎(chǔ)

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

2.4使用圖像

2.5使用字幕和背景音樂

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

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

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

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

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

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

HTML語言2.2設(shè)置文本格式2.2.1分段與換行 段落是文檔的基本資訊單位。將文檔劃分為段落，可以通過使用分段標(biāo)記、換行標(biāo)記、標(biāo)題標(biāo)記或插入水平線來實(shí)現(xiàn)。1.分段標(biāo)記P 分段標(biāo)記定義了一個段落，使用該標(biāo)記時要跳過一個空行，使後續(xù)內(nèi)容隔一行顯示。若同時使用<P>和</P>，則將段落包圍起來，表示一個分段的塊；若省略結(jié)束標(biāo)記</P>，可以將開始標(biāo)記<P>放在段尾。分段標(biāo)記的常用屬性是ALIGN，用於設(shè)置段落的水準(zhǔn)對齊方式。2.換行標(biāo)記BR<BR>標(biāo)記強(qiáng)行規(guī)定了當(dāng)前行的中斷，使後續(xù)內(nèi)容在下一行顯示?！纠?.2】演示

第2章目錄24／241第2章

HTML語言3.標(biāo)題標(biāo)記Hn 標(biāo)題標(biāo)記用於設(shè)置文檔中的標(biāo)題和副標(biāo)題，其中n的取值是1到6；<H1>...</H1>標(biāo)記表示字體最大的標(biāo)題，<H6>…</H6>標(biāo)記表示字體最小的標(biāo)題?！纠?.3】演示

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

第2章目錄25／241第2章

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

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

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

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

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

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

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

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

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

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

VALUE="字串"

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

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

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

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

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

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

<INPUTTYPE="radio"NAME="字串"VALUE="字串"[CHECKED]>選項(xiàng)文本 其中NAME屬性指定單選按鈕的名稱，若干個名稱相同的單選按鈕構(gòu)成一個控件組，在該組中只能選中一個選項(xiàng)；VALUE屬性指定提交時的值；CHECKED屬性是可選的，若使用該屬性，則當(dāng)?shù)谝淮未蜷_表單時該單選按鈕處於選中狀態(tài)。 當(dāng)提交表單時，該單選按鈕組名稱和所選取的單選按鈕指定值都會包含在表單結(jié)果中。如果沒有任何單選按鈕被選取，組名稱會被納入表單結(jié)果中，但值為空白。

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

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

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

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

<TEXTAREANAME="字串"

ROWS="整數(shù)"

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

<SELECTNAME="字串"SIZE="整數(shù)"[MULTIPLE]> <OPTION[SELECTED]VALUE="字串">選項(xiàng)1</OPTION> <OPTION[SELECTED]VALUE="字串">選項(xiàng)2</OPTION>

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

<FIELDSET> <LEGNED>控件組標(biāo)題</LEGEND> 組內(nèi)表單控件 </FIELDSET>【例2.25】演示第2章目錄62／241第2章HTML語言2.9.4提交和處理表單 當(dāng)用戶填完成表單數(shù)據(jù)後，單擊提交按鈕即可將表單數(shù)據(jù)提交給Web伺服器上的表單處理程式。 提交資訊表單處理程式的方法由FORM標(biāo)記的METHOD屬性來確定。提交表單的方法有兩種：即get方法和post方法。get方法將表單的名稱/值對進(jìn)行程式編碼，並將該資訊賦予給一個叫做QUERY_STRING的伺服器變數(shù)；post方法直接將名稱/值對傳送至表單處理程式作為輸入。 表單處理程式的URL地址由FORM標(biāo)記的ACTION屬性來確定。如果要處理表單數(shù)據(jù)，需要在伺服器端編寫腳本（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是程式開發(fā)語言VisualBasic家族的最新成員，可以將靈活的腳本應(yīng)用於更廣泛的領(lǐng)域，包括MicrosoftInternetExplorer中的Web客戶端腳本和MicrosoftInternetInformationServer中的Web伺服器端腳本。VBScript腳本語言有以下主要特點(diǎn)：(1)易學(xué)易用。如果讀者已經(jīng)瞭解VisualBasic或VisualBasicforApplications，就會很快熟悉VBScript。(2)ActiveX腳本。VBScript使用ActiveX腳本與宿主應(yīng)用程式對話；所用的腳本編寫引擎是vbscript.dll，該引擎能夠識別VBScript代碼；腳本編寫宿主是使用腳本編寫引擎的應(yīng)用程式，InternetExplorer就是宿主應(yīng)用程式的一個例