第三部分技術(shù)基礎(chǔ)

第7章數(shù)據(jù)庫技術(shù)

第8章超文本標(biāo)記語言與腳本語言第9章ASP和ADO對象及應(yīng)用1黑龍江工程學(xué)院第7章數(shù)據(jù)庫技術(shù)7.1數(shù)據(jù)庫簡介7.2常用數(shù)據(jù)庫7.3SQL語言7.4數(shù)據(jù)庫設(shè)計習(xí)題2黑龍江工程學(xué)院7.1數(shù)據(jù)庫簡介

7.1.1數(shù)據(jù)庫發(fā)展

數(shù)據(jù)庫技術(shù)從誕生到現(xiàn)在，在半個世紀(jì)的時間里，形成了堅實的理論基礎(chǔ)、成熟的商業(yè)產(chǎn)品和廣泛的應(yīng)用領(lǐng)域，吸引越來越多的研究者加入。數(shù)據(jù)庫的誕生和發(fā)展給計算機信息管理帶來了一場巨大的革命。三十多年來，國內(nèi)外已經(jīng)開發(fā)建設(shè)了成千上萬個數(shù)據(jù)庫，它已成為企業(yè)、部門乃至個人日常工作、生產(chǎn)和生活的基礎(chǔ)設(shè)施。同時，隨著應(yīng)用的擴(kuò)展與深入，數(shù)據(jù)庫的數(shù)量和規(guī)模越來越大，數(shù)據(jù)庫的研究領(lǐng)域也已經(jīng)大大地拓廣和深化了。30年間數(shù)據(jù)庫領(lǐng)域獲得了三次計算機圖靈獎，更加充分地說明了數(shù)據(jù)庫是一個充滿活力和創(chuàng)新精神的領(lǐng)域。3黑龍江工程學(xué)院數(shù)據(jù)庫系統(tǒng)的萌芽出現(xiàn)于60年代。當(dāng)時計算機開始廣泛地應(yīng)用于數(shù)據(jù)管理，對數(shù)據(jù)的共享提出了越來越高的要求，傳統(tǒng)的文件系統(tǒng)已經(jīng)不能滿足人們的需要，因此能夠統(tǒng)一管理和共享數(shù)據(jù)的數(shù)據(jù)庫管理系統(tǒng)（DBMS）應(yīng)運而生。數(shù)據(jù)模型是數(shù)據(jù)庫系統(tǒng)的核心和基礎(chǔ)，各種DBMS軟件都是基于某種數(shù)據(jù)模型的。通常也按照數(shù)據(jù)模型的特點將傳統(tǒng)數(shù)據(jù)庫系統(tǒng)分成網(wǎng)狀數(shù)據(jù)庫、層次數(shù)據(jù)庫和關(guān)系數(shù)據(jù)庫三類。最早出現(xiàn)的是網(wǎng)狀DBMS，是美國通用電氣公司Bachman等人在1961年開發(fā)成功的IDS（IntegratedDataStore），奠定了網(wǎng)狀數(shù)據(jù)庫的基礎(chǔ)，并在當(dāng)時得到了廣泛的發(fā)行和應(yīng)用。4黑龍江工程學(xué)院層次型DBMS是緊隨網(wǎng)絡(luò)型數(shù)據(jù)庫而出現(xiàn)的。最著名最典型的層次數(shù)據(jù)庫系統(tǒng)是IBM公司在1968年開發(fā)的IMS（InformationManagementSystem），一種適合其主機的層次數(shù)據(jù)庫。這是IBM公司研制的最早的大型數(shù)據(jù)庫系統(tǒng)程序產(chǎn)品。從60年代末產(chǎn)生起，如今已經(jīng)發(fā)展到IMSV6，提供群集、N路數(shù)據(jù)共享、消息隊列共享等先進(jìn)特性的支持。這個具有30年歷史的數(shù)據(jù)庫產(chǎn)品在如今的WWW應(yīng)用連接、商務(wù)智能應(yīng)用中扮演著新的角色。網(wǎng)狀數(shù)據(jù)庫和層次數(shù)據(jù)庫已經(jīng)很好地解決了數(shù)據(jù)的集中和共享問題，但是在數(shù)據(jù)獨立性和抽象級別上仍有很大欠缺。用戶在對這兩種數(shù)據(jù)庫進(jìn)行存取時，仍然需要明確數(shù)據(jù)的存儲結(jié)構(gòu)，指出存取路徑。關(guān)系數(shù)據(jù)庫的出現(xiàn)較好地解決了這些問題。關(guān)系型數(shù)據(jù)庫系統(tǒng)以關(guān)系代數(shù)為堅實的理論基礎(chǔ)，經(jīng)過幾十年的發(fā)展和實際應(yīng)用，技術(shù)越來越成熟和完善。其代表產(chǎn)品有Oracle、IBM公司的DB2.微軟公司的MSSQLServer以及Informix、ADABASD等等。5黑龍江工程學(xué)院目前已從多方面發(fā)展了現(xiàn)行的數(shù)據(jù)庫系統(tǒng)技術(shù)。我們可以從數(shù)據(jù)模型、新技術(shù)內(nèi)容、應(yīng)用領(lǐng)域三個方面概括新一代數(shù)據(jù)庫系統(tǒng)的發(fā)展。（1）面向?qū)ο蟮姆椒ê图夹g(shù)對數(shù)據(jù)庫發(fā)展的影響最為深遠(yuǎn)80年代，面向?qū)ο蟮姆椒ê图夹g(shù)的出現(xiàn)，對計算機各個領(lǐng)域，包括程序設(shè)計語言、軟件工程、信息系統(tǒng)設(shè)計以及計算機硬件設(shè)備等都產(chǎn)生了深遠(yuǎn)的影響，也給面臨新挑戰(zhàn)的數(shù)據(jù)庫技術(shù)帶來了新的機遇和希望。數(shù)據(jù)庫研究人員借鑒和吸收了面向?qū)ο蟮姆椒ê图夹g(shù)，提出了面向?qū)ο蟮臄?shù)據(jù)庫模型（簡稱對象模型）。當(dāng)前有許多研究是建立在數(shù)據(jù)庫已有的成果和技術(shù)上的，針對不同的應(yīng)用，對傳統(tǒng)的DBMS，主要是RDBMS進(jìn)行不同層次上的擴(kuò)充，例如建立對象關(guān)系（OR）模型和建立對象關(guān)系數(shù)據(jù)庫（ORDB）。6黑龍江工程學(xué)院（2）數(shù)據(jù)庫技術(shù)與多學(xué)科技術(shù)的有機結(jié)合數(shù)據(jù)庫技術(shù)與多學(xué)科技術(shù)的有機結(jié)合是當(dāng)前數(shù)據(jù)庫發(fā)展的重要特征。計算機領(lǐng)域中其他新興技術(shù)的發(fā)展對數(shù)據(jù)庫技術(shù)產(chǎn)生了重大影響。傳統(tǒng)的數(shù)據(jù)庫技術(shù)和其他計算機技術(shù)的結(jié)合、互相滲透，使數(shù)據(jù)庫中新的技術(shù)內(nèi)容層出不窮。數(shù)據(jù)庫的許多概念、技術(shù)內(nèi)容、應(yīng)用領(lǐng)域，甚至某些原理都有了重大的發(fā)展和變化。建立和實現(xiàn)了一系列新型的數(shù)據(jù)庫，如分布式數(shù)據(jù)庫、并行數(shù)據(jù)庫、演繹數(shù)據(jù)庫、知識庫、多媒體庫、移動數(shù)據(jù)庫等，它們共同構(gòu)成了數(shù)據(jù)庫大家族。（3）面向?qū)ｉT應(yīng)用領(lǐng)域的數(shù)據(jù)庫技術(shù)的研究為了適應(yīng)數(shù)據(jù)庫應(yīng)用多元化的要求，在傳統(tǒng)數(shù)據(jù)庫基礎(chǔ)上，結(jié)合各個專門應(yīng)用領(lǐng)域的特點，研究適合該應(yīng)用領(lǐng)域的數(shù)據(jù)庫技術(shù)，如工程數(shù)據(jù)庫、統(tǒng)計數(shù)據(jù)庫、科學(xué)數(shù)據(jù)庫、空間數(shù)據(jù)庫、地理數(shù)據(jù)庫、Web數(shù)據(jù)庫等，這是當(dāng)前數(shù)據(jù)庫技術(shù)發(fā)展的又一重要特征。7黑龍江工程學(xué)院同時，數(shù)據(jù)庫系統(tǒng)結(jié)構(gòu)也由主機/終端的集中式結(jié)構(gòu)發(fā)展到網(wǎng)絡(luò)環(huán)境的分布式結(jié)構(gòu)，隨后又發(fā)展成兩層、三層或多層客戶/服務(wù)器結(jié)構(gòu)以及Internet環(huán)境下的瀏覽器/服務(wù)器和移動環(huán)境下的動態(tài)結(jié)構(gòu)。多種數(shù)據(jù)庫結(jié)構(gòu)滿足了不同應(yīng)用的需求，適應(yīng)了不同的應(yīng)用環(huán)境。8黑龍江工程學(xué)院7.1.2關(guān)系數(shù)據(jù)庫

1970年，IBM的研究員E.F.Codd博士發(fā)表了一篇名為“ARelationalModelofDataforLargeSharedDataBanks”的論文，提出了關(guān)系模型的概念，奠定了關(guān)系模型的理論基礎(chǔ)。由于關(guān)系模型簡單明了、具有堅實的數(shù)學(xué)理論基礎(chǔ)，受到學(xué)術(shù)界和產(chǎn)業(yè)界的高度重視和廣泛響應(yīng)，并很快成為數(shù)據(jù)庫市場的主流。20世紀(jì)80年代以來，計算機廠商推出的數(shù)據(jù)庫管理系統(tǒng)幾乎都支持關(guān)系模型，數(shù)據(jù)庫領(lǐng)域當(dāng)前的研究工作大都以關(guān)系模型為基礎(chǔ)。9黑龍江工程學(xué)院關(guān)系數(shù)據(jù)庫是建立在關(guān)系模型基礎(chǔ)上的數(shù)據(jù)庫，借助于集合代數(shù)等數(shù)學(xué)概念和方法來處理數(shù)據(jù)庫中的數(shù)據(jù)。現(xiàn)實世界中的各種實體以及實體之間的各種聯(lián)系均用關(guān)系模型來表示。標(biāo)準(zhǔn)數(shù)據(jù)查詢語言SQL就是一種基于關(guān)系數(shù)據(jù)庫的語言，這種語言執(zhí)行對關(guān)系數(shù)據(jù)庫中數(shù)據(jù)的檢索和操作。關(guān)系模型由關(guān)系數(shù)據(jù)結(jié)構(gòu)、關(guān)系操作集合、關(guān)系完整性約束三部分組成。10黑龍江工程學(xué)院7.2常用數(shù)據(jù)庫

7.2.1MYSQL

MySQL是一個小型關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，開發(fā)者為瑞典MySQLAB公司。在2008年1月16號被Sun公司收購。而2009年，SUN又被Oracal收購.MySQL由于性能高、成本低、可靠性好，已經(jīng)成為最流行的開源數(shù)據(jù)庫，被廣泛地應(yīng)用在Internet上的中小型網(wǎng)站中。隨著MySQL的不斷成熟，它也逐漸用于更多大規(guī)模網(wǎng)站和應(yīng)用，比如維基百科、Google和Facebook。與其他的大型數(shù)據(jù)庫例如Oracle、IBMDB2.SQLServer等相比，MySQL自有它的不足之處，如規(guī)模小、功能有限等，但是這絲毫也沒有減少它受歡迎的程度。對于一般的個人用戶和中小型企業(yè)來說，MySQL提供的功能已經(jīng)綽綽有余，而且由于MySQL是開放源碼軟件，因此可以大大降低總體擁有成本。11黑龍江工程學(xué)院目前Internet上流行的網(wǎng)站構(gòu)架方式是LAMP（Linux+Apache+MySQL+PHP），即使用Linux作為操作系統(tǒng)，Apache作為Web服務(wù)器，MySQL作為數(shù)據(jù)庫，PHP（部分網(wǎng)站也使用Perl或Python）作為服務(wù)器端腳本解釋器。由于這四個軟件都是開放源碼軟件，因此使用這種方式不用花一分錢就可以建立起一個穩(wěn)定、免費的網(wǎng)站系統(tǒng)。MySQL加PHP的配對在互聯(lián)網(wǎng)上的應(yīng)用相比LAMP來說更為常見。除了LAMP之外，用于Solaris、Windows和Mac上的網(wǎng)站構(gòu)架也分別被稱為SAMP、WAMP和MAMP。12黑龍江工程學(xué)院7.2.2MicrosoftSQLServerMicrosoftSQLServer是由美國微軟公司所推出的關(guān)系數(shù)據(jù)庫解決方案，最新的版本是SQLServer2008，已經(jīng)在2008年8月6日上市。MicrosoftSQLServer數(shù)據(jù)庫的內(nèi)置語言是由美國標(biāo)準(zhǔn)局（ANSI）和國際標(biāo)準(zhǔn)組織（ISO）所定義的SQL語言，微軟公司對它進(jìn)行了部分?jǐn)U充而成為SQL（Transact-SQL）。MicrosoftSQLServer幾個初始版本適用于中小企業(yè)的數(shù)據(jù)庫管理，但是近年來它的應(yīng)用范圍有所擴(kuò)展，已經(jīng)觸及到大型、跨國企業(yè)的數(shù)據(jù)庫管理。SQLServer2008成就了快速、智能、高效的數(shù)據(jù)平臺業(yè)務(wù)。不僅可與現(xiàn)有的IT系統(tǒng)鏈接，亦可以與Oracle、DB2.SAP和NetWeaver

數(shù)據(jù)配合，實現(xiàn)基于策略的管理，從而減少管理時間；同時，通過服務(wù)器整合和虛擬化來降低成本，并在整個企業(yè)范圍內(nèi)提供高級別的安全性、可靠性和可擴(kuò)展性。此外，自定義報表以及與MicrosoftOffice和MicrosoftSharePoint的緊密集成，方便易用，同時減少培訓(xùn)和IT支持的時間。13黑龍江工程學(xué)院7.2.3OracleOracleDatabase，又名OracleRDBMS，或簡稱Oracle。是甲骨文公司的一款關(guān)系數(shù)據(jù)庫管理系統(tǒng)，到目前在數(shù)據(jù)庫市場上占有主要份額。1977年，拉里·艾利森（LarryEllison）看到了有關(guān)關(guān)系數(shù)據(jù)庫工作原理的描述，他發(fā)現(xiàn)當(dāng)時沒有一家公司從事這種技術(shù)的商用開發(fā)，但他意識到關(guān)系數(shù)據(jù)庫的巨大商用潛力，于是抓住機會與另外兩個人BobMiner和EdOates成立了如今的甲骨文公司。今天，甲骨文公司早已是全球最大的企業(yè)軟件公司，其技術(shù)在全球幾乎每個行業(yè)以及《財富》100強的98家公司里都能找到。Oracle11g是甲骨文公司在2007年年7月12日推出的最新數(shù)據(jù)庫軟件，Oracle11g有400多項功能，經(jīng)過了1500萬個小時的測試，開發(fā)工作量達(dá)到了9.6萬人/月。相對過往版本而言，Oracle11g具有了與眾不同的特性。14黑龍江工程學(xué)院7.2.4DB2DB2數(shù)據(jù)庫是IBM公司的產(chǎn)品，DB2數(shù)據(jù)庫核心又稱作DB2公共服務(wù)器，DBZ數(shù)據(jù)庫采用多進(jìn)程多線索體系結(jié)構(gòu)，可以運行于多種操作系統(tǒng)之上，并分別根據(jù)相應(yīng)平臺環(huán)境作了調(diào)整和優(yōu)化，以便能夠達(dá)到較好的性能。它支持從個人計算機到UNIX服務(wù)器、從中小型機到大型機、從IBM到非IBM（HP及SUNUNIX系統(tǒng)等）各種操作平臺。DB2數(shù)據(jù)庫既可以在主機上以主/從方式獨立運行，也可以在客戶/服務(wù)器環(huán)境中運行，其中服務(wù)平臺可以是OS/400、AIX、OS/2.HPUNIX、SUNSolaris等操作系統(tǒng)，客戶機平臺可以是OS/2或Windows、Dos、AIX、HPUX、SUNSolaris等操作系統(tǒng)。15黑龍江工程學(xué)院DB2數(shù)據(jù)庫的特色如下。（1）支持面向?qū)ο蟮木幊獭B2支持復(fù)雜的數(shù)據(jù)結(jié)構(gòu)，如無結(jié)構(gòu)文本對象，可以對無結(jié)構(gòu)文本對象進(jìn)行布爾匹配、最接近匹配和任意匹配等搜索。可以建立用戶數(shù)據(jù)類型和用戶自定義函數(shù)。（2）支持多媒體應(yīng)用程序。DB2支持大二分對象（BLOB），允許在數(shù)據(jù)庫中存取二進(jìn)制大對象和文本大對象。其中，二進(jìn)制大對象可以用來存儲多媒體對象。（3）支持存儲過程和觸發(fā)器，用戶可以在建表時顯示地定義復(fù)雜的完整性規(guī)則。（4）支持異構(gòu)分布式數(shù)據(jù)庫訪問和支持?jǐn)?shù)據(jù)復(fù)制。此外，IBM提供了許多開發(fā)工具，主要有VisualizerQuery、VisualAge和VisualGen等，通過這些功能很強的可視化應(yīng)用開發(fā)工具，可以大幅度地提高軟件的開發(fā)效率。16黑龍江工程學(xué)院7.2.5AccessMicrosoftOfficeAccess（前名MicrosoftAccess）是由微軟發(fā)布的關(guān)聯(lián)式數(shù)據(jù)庫管理系統(tǒng)。它結(jié)合了MicrosoftJetDatabaseEngine和圖形用戶界面兩項特點，是MicrosoftOffice的系統(tǒng)程式之一。Assess能夠存取Access/Jet、MicrosoftSQLServer、Oracle，或者任何ODBC相容數(shù)據(jù)庫內(nèi)的資料。熟練的軟件設(shè)計師和資料分析師利用它來開發(fā)應(yīng)用軟件，而一些不熟練的程式員和非程式員的進(jìn)階用戶則能使用它來開發(fā)簡單的應(yīng)用軟件。MicrosoftAccess在很多地方得到廣泛使用，例如小型企業(yè)，大公司的部門。開發(fā)人員利用它來制作處理數(shù)據(jù)的桌面系統(tǒng)或開發(fā)簡單的Web應(yīng)用程式。17黑龍江工程學(xué)院7.3SQL語言SQL（StructuredQueryLanguage，結(jié)構(gòu)化查詢語言）的主要功能就是同各種數(shù)據(jù)庫建立聯(lián)系，進(jìn)行溝通。按照ANSI（美國國家標(biāo)準(zhǔn)協(xié)會）的規(guī)定，SQL被作為關(guān)系型數(shù)據(jù)庫管理系統(tǒng)的標(biāo)準(zhǔn)語言。SQL語句可以用來執(zhí)行各種各樣的操作，例如更新數(shù)據(jù)庫中的數(shù)據(jù)，從數(shù)據(jù)庫中提取數(shù)據(jù)等。絕大多數(shù)流行的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)都采用了SQL語言標(biāo)準(zhǔn)。雖然很多數(shù)據(jù)庫都對SQL語句進(jìn)行了再開發(fā)和擴(kuò)展，但是包括Select，Insert，Update，Delete，Create，以及Drop在內(nèi)的標(biāo)準(zhǔn)的SQL命令仍然可以被用來完成幾乎所有的數(shù)據(jù)庫操作。18黑龍江工程學(xué)院SQL是高級的非過程化編程語言，允許用戶在高層數(shù)據(jù)結(jié)構(gòu)上工作。它不要求用戶指定對數(shù)據(jù)的存放方法，也不需要用戶了解具體的數(shù)據(jù)存放方式，所以具有完全不同底層結(jié)構(gòu)的不同數(shù)據(jù)庫系統(tǒng)可以使用相同的SQL語言作為數(shù)據(jù)輸入與管理的接口。它以記錄集合作為操作對象，所有SQL語句接受集合作為輸入，返回集合作為輸出，這種集合特性允許一條SQL語句的輸出作為另一條SQL語句的輸入，所以SQL語句可以嵌套，這使他具有極大的靈活性和強大的功能，19黑龍江工程學(xué)院可以把SQL分為兩個部分：數(shù)據(jù)操作語言（DML）和數(shù)據(jù)定義語言（DDL）。查詢和更新指令構(gòu)成了SQL的DML部分：（1）SELECT-從數(shù)據(jù)庫表中獲取數(shù)據(jù)（2）UPDATE-更新數(shù)據(jù)庫表中的數(shù)據(jù)（3）DELETE-從數(shù)據(jù)庫表中刪除數(shù)據(jù)（4）INSERTINTO-向數(shù)據(jù)庫表中插入數(shù)據(jù)SQL的數(shù)據(jù)定義語言（DDL）部分使我們有能力創(chuàng)建或刪除表格。我們也可以定義索引（鍵），規(guī)定表之間的鏈接，以及施加表間的約束。20黑龍江工程學(xué)院SQL中最重要的DDL語句：（5）CREATEDATABASE-創(chuàng)建新數(shù)據(jù)庫（6）ALTERDATABASE-修改數(shù)據(jù)庫（7）CREATETABLE-創(chuàng)建新表（8）ALTERTABLE-變更（改變）數(shù)據(jù)庫表（9）DROPTABLE-刪除表（10）CREATEINDEX-創(chuàng)建索引（搜索鍵）（11）DROPINDEX-刪除索引21黑龍江工程學(xué)院7.4數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫設(shè)計（DatabaseDesign）是指根據(jù)用戶的需求，在某一具體的數(shù)據(jù)庫管理系統(tǒng)上，設(shè)計數(shù)據(jù)庫的結(jié)構(gòu)和建立數(shù)據(jù)庫的過程，就是規(guī)劃和結(jié)構(gòu)化數(shù)據(jù)庫中的數(shù)據(jù)對象以及這些數(shù)據(jù)對象之間關(guān)系的過程。一般，數(shù)據(jù)庫的設(shè)計過程大致可分為5個步驟：1．需求分析：調(diào)查和分析用戶的業(yè)務(wù)活動和數(shù)據(jù)的使用情況，弄清所用數(shù)據(jù)的種類、范圍、數(shù)量以及它們在業(yè)務(wù)活動中交流的情況，確定用戶對數(shù)據(jù)庫系統(tǒng)的使用要求和各種約束條件等，形成用戶需求規(guī)約。22黑龍江工程學(xué)院2．概念設(shè)計：對用戶要求描述的現(xiàn)實世界（可能是一個工廠、一個商場或者一個學(xué)校等），通過對其中住處的分類、聚集和概括，建立抽象的概念數(shù)據(jù)模型。這個概念模型應(yīng)反映現(xiàn)實世界各部門的信息結(jié)構(gòu)、信息、流動情況、信息間的互相制約關(guān)系以及各部門對信息儲存、查詢和加工的要求等。所建立的模型應(yīng)避開數(shù)據(jù)庫在計算機上的具體實現(xiàn)細(xì)節(jié)，用一種抽象的形式表示。以擴(kuò)充的實體（E-R模型）聯(lián)系模型方法為例，第一步先明確現(xiàn)實世界各部門所含的各種實體及其屬性、實體間的聯(lián)系以及對信息的制約條件等，從而給出各部門內(nèi)所用信息的局部描述（在數(shù)據(jù)庫中稱為用戶的局部視圖）。第二步再將前面得到的多個用戶的局部視圖集成為一個全局視圖，即用戶要描述的現(xiàn)實世界的概念數(shù)據(jù)模型。23黑龍江工程學(xué)院3．邏輯設(shè)計：主要工作是將現(xiàn)實世界的概念數(shù)據(jù)模型設(shè)計成數(shù)據(jù)庫的一種邏輯模式，即適應(yīng)于某種特定數(shù)據(jù)庫管理系統(tǒng)所支持的邏輯數(shù)據(jù)模式。與此同時，可能還需為各種數(shù)據(jù)處理應(yīng)用領(lǐng)域產(chǎn)生相應(yīng)的邏輯子模式。這一步設(shè)計的結(jié)果是“邏輯數(shù)據(jù)庫”。4．物理設(shè)計：根據(jù)特定數(shù)據(jù)庫管理系統(tǒng)所提供的多種存儲結(jié)構(gòu)和存取方法等依賴于具體數(shù)據(jù)結(jié)構(gòu)的各項物理設(shè)計措施，對具體的應(yīng)用任務(wù)選定最合適的物理存儲結(jié)構(gòu)（包括文件類型、索引結(jié)構(gòu)和數(shù)據(jù)的存放次序與位邏輯等）、存取方法和存取路徑等。這一步設(shè)計的結(jié)果是“物理數(shù)據(jù)庫”。5．驗證設(shè)計：在上述設(shè)計的基礎(chǔ)上，收集數(shù)據(jù)并具體建立一個數(shù)據(jù)庫，運行一些典型的應(yīng)用任務(wù)來驗證數(shù)據(jù)庫設(shè)計的正確性和合理性。一般，一個大型數(shù)據(jù)庫的設(shè)計過程往往需要經(jīng)過多次循環(huán)反復(fù)。當(dāng)發(fā)現(xiàn)問題時，可能需要返回到前面去進(jìn)行修改。因此，在做上述數(shù)據(jù)庫設(shè)計時就應(yīng)考慮到今后修改設(shè)計的可能性和方便性。24黑龍江工程學(xué)院6．運行與維護(hù)設(shè)計：在數(shù)據(jù)庫系統(tǒng)正式投入運行的過程中，必須不斷地對其進(jìn)行評調(diào)整與修改。至今，數(shù)據(jù)庫設(shè)計的很多工作仍需要人工來做，除了關(guān)系型數(shù)據(jù)庫已有一套較完整的數(shù)據(jù)范式理論可用來部分地指導(dǎo)數(shù)據(jù)庫設(shè)計之外，尚缺乏一套完善的數(shù)據(jù)庫設(shè)計理論、方法和工具，以實現(xiàn)數(shù)據(jù)庫設(shè)計的自動化或交互式的半自動化設(shè)計。所以數(shù)據(jù)庫設(shè)計今后的研究發(fā)展方向是研究數(shù)據(jù)庫設(shè)計理論，尋求能夠更有效地表達(dá)語義關(guān)系的數(shù)據(jù)模型，為各階段的設(shè)計提供自動或半自動的設(shè)計工具和集成化的開發(fā)環(huán)境，使數(shù)據(jù)庫的設(shè)計更加工程化、更加規(guī)范化和更加方便易行，使得在數(shù)據(jù)庫的設(shè)計中充分體現(xiàn)軟件工程的先進(jìn)思想和方法。25黑龍江工程學(xué)院習(xí)題1．傳統(tǒng)數(shù)據(jù)庫系統(tǒng)分為哪幾大類？2．主要的SQL語言有哪些？3．為什么索引可以提高系統(tǒng)的性能？增加索引有哪些負(fù)面影響？4．事務(wù)具有哪些屬性？5．什么是分布式數(shù)據(jù)庫？6．?dāng)?shù)據(jù)庫設(shè)計大致分為哪5個步驟？26黑龍江工程學(xué)院第三部分技術(shù)基礎(chǔ)

第7章數(shù)據(jù)庫技術(shù)第8章超文本標(biāo)記語言與腳本語言

第9章ASP和ADO對象及應(yīng)用27黑龍江工程學(xué)院前言要設(shè)計好電子商務(wù)系統(tǒng),必須學(xué)會超文本標(biāo)記語言(HTML)或可擴(kuò)展標(biāo)記語言(XML).本章介紹了HTML語言的一些基礎(chǔ)知識,掌握了HTML也就為學(xué)習(xí)XML打下了良好的基礎(chǔ).28黑龍江工程學(xué)院6.1基本結(jié)構(gòu)標(biāo)記6.2文本格式標(biāo)記6.3超鏈接標(biāo)記<A></A>6.4圖象標(biāo)記<img>6.5表格標(biāo)記<table></table>6.6地址標(biāo)記<address></address>6.7表單標(biāo)記<form></form>第8章超文本標(biāo)記語言(HTML)29黑龍江工程學(xué)院HTML入門

HTML英語意思是：HypertextMarkedLanguage，即超文本標(biāo)記語言超文本通過HTML可以表現(xiàn)出豐富多彩的設(shè)計風(fēng)格通過HTML可以實現(xiàn)頁面之間的跳轉(zhuǎn)通過HTML可以展現(xiàn)多媒體的效果標(biāo)簽“<標(biāo)簽名字屬性>”30黑龍江工程學(xué)院

HTML標(biāo)記的基本語法標(biāo)準(zhǔn)HTML文件由標(biāo)記（Tag）和要顯示在網(wǎng)頁上的文件內(nèi)容（文字、圖片、錄像和聲音）組成，成對出現(xiàn)和非成對出現(xiàn)兩種。31黑龍江工程學(xué)院HTML語言的發(fā)展

HTML語言最初由TimBerners-Lee在CERN（歐洲核研究組織）期間開發(fā)，并且得益于NCSA（國家超級計算應(yīng)用中心）的Mosaic瀏覽器的流行得到推廣。

HTML在誕生之初，其目的非常簡單。當(dāng)時TimBerners-Lee將設(shè)計的初級瀏覽和編輯系統(tǒng)在網(wǎng)上合二為一，創(chuàng)建了一種快速小型超文本語言來為自己的想法服務(wù)。早先的瀏覽器僅是以文本為基礎(chǔ)，但很快人們就開始研究在網(wǎng)上放置圖像和圖標(biāo)。

名叫MarcAndreessen的大學(xué)生在他的Mosaic瀏覽器上加入了標(biāo)簽<img>。這遭到眾人反對，認(rèn)為僅有這個還遠(yuǎn)遠(yuǎn)不夠。人們想要的是<include>或<embed>，可以將任何形式的媒介加到網(wǎng)頁上去。

32黑龍江工程學(xué)院

20世紀(jì)90年代所謂的“網(wǎng)絡(luò)爆炸”年代令HTML語言一躍成為制作網(wǎng)頁的標(biāo)準(zhǔn)語言。

HTML經(jīng)歷了2.0和3.0之后，1997年推出的HTML3.2極大的豐富了HTML的功能。1997年12月的HTML4.0將HTML語言推向一個新高度。

HTML4.01于1999年12月推出，該版本一直沿用至今，可見該語言之成熟可靠。33黑龍江工程學(xué)院第8章超文本標(biāo)記語言（HTML）8.1基本結(jié)構(gòu)標(biāo)記

8.1.1開始與結(jié)束標(biāo)記<HTML></HTML>HTML文檔的開始標(biāo)記是<HTML>，它告訴瀏覽器下面的內(nèi)容是HTML文檔；在HTML文檔結(jié)束處要有對應(yīng)的</HTML>標(biāo)記，它告訴瀏覽器HTML文檔結(jié)束了。開始與結(jié)束標(biāo)記語法格式為：

<HTML>

這里開始的內(nèi)容為HTML文檔。

</HTML>34黑龍江工程學(xué)院8.1.2頭部標(biāo)記<head></head>頭部標(biāo)記語法格式為：<head>HTML文檔的頭部內(nèi)容。</head>頭部內(nèi)容里面一般包括標(biāo)題。35黑龍江工程學(xué)院HTML文件的整體結(jié)構(gòu)<html><head><title></title></head><body></body></html>設(shè)定文件信息及網(wǎng)頁瀏覽器標(biāo)題網(wǎng)頁所顯示內(nèi)容36黑龍江工程學(xué)院<head>標(biāo)記提供文件的整體信息。包括標(biāo)題欄名稱、文件的網(wǎng)址、所采用的編碼方式等。1.通過<title>~</title>設(shè)定標(biāo)題欄名稱2.通過<basehref=“http//”>設(shè)定超級鏈接的網(wǎng)3.通過<metahttpequiv=“contenttype”content=“text/html;charset=gb2312”>告知文件采用的編碼方式。37黑龍江工程學(xué)院

8.1.3標(biāo)題標(biāo)記<title></title><title>和</title>標(biāo)記中間所包含的文字，就是這個Web頁面的標(biāo)題，它寫在頭部標(biāo)記之中。標(biāo)題會顯示在Web瀏覽器最上面的title（標(biāo)題）欄的位置。用戶可以把標(biāo)題加入書簽（Bookmark）中，還可以提供加入列表（Hostlist、Bookmark）的文本，所以一定要使標(biāo)題標(biāo)記文本有明確的意義，最好用中文。標(biāo)題標(biāo)記語法格式為：

<title>Web頁面的標(biāo)題</title>38黑龍江工程學(xué)院

8.1.4主體標(biāo)記<body></body><body>標(biāo)記是Web頁面主體的開始，對應(yīng)結(jié)束符號是</body>。Web頁面的主要內(nèi)容都在<body>標(biāo)記之中。<body>還有一些屬性可以設(shè)定背景色、背景圖形等。主體標(biāo)記語法格式為：

<body>

這里是HTML文檔的主體內(nèi)容。

</body>39黑龍江工程學(xué)院<meta>標(biāo)記由于Internet覆蓋全球，出現(xiàn)了多種語言文字的顯示問題。<meta>用來設(shè)定所用的文字。

語法：<metaHTTP-EQUIV=“Content-Type”Content=“text/html;charset=gb2312”>

功能：允許網(wǎng)頁設(shè)計者在網(wǎng)頁標(biāo)頭中加入所自行定義的信息。

1.<meta>標(biāo)記必須在<head>~</head>之間

2.charset=gb2312指采用簡體中文編碼，而文件格式采用text/html，即HTML的默認(rèn)格式。

3.<meta>標(biāo)記也可用來設(shè)定在制定的時間內(nèi)，自動加載指定的網(wǎng)頁。例如：<metaHTTPEQUIV=“refresh”Content=“20;url=http://”>40黑龍江工程學(xué)院<bgsound>標(biāo)記非成對標(biāo)記

瀏覽網(wǎng)頁時邊看文件邊放音樂，可在<head>標(biāo)記中加入。語法：<bgsound

src=“URL”loop=“playtimes”>41黑龍江工程學(xué)院

8.1.5基本結(jié)構(gòu)舉例下面我們以一個簡單的例子說明如何用HTML語言來編寫Web頁面程序的。這里8-1.HTML是一個文本文件，可以用任何編輯軟件來編寫。如果使用Word編輯軟件，保存文件時在“保存類型”中選擇“純文本”。

例8-1.HTML，電子商務(wù)系統(tǒng)頁面。

<HTML><head><title>電子商務(wù)與電子政務(wù)</title>42黑龍江工程學(xué)院</head><body><p>我的第一個網(wǎng)頁。<b>這部分用粗體顯示。</b></p></body></html>

在IE瀏覽器的地址欄中直接輸入要打開的文件名（如G:\dzsw\8-1.HTML），按回車鍵或者在IE瀏覽器菜單[文件]的下拉菜單中選擇“打開”命令，在彈出窗口中按[瀏覽]按鈕，通過“搜尋”窗口找到要打開的文件（如G:\dzsw\8-1.HTML），然后單擊[打開]按鈕、[確定]按鈕，即可在瀏覽器中看到圖8-1所示的頁面。43黑龍江工程學(xué)院圖8-1電子商務(wù)系統(tǒng)頁面44黑龍江工程學(xué)院8.2文本格式標(biāo)記

8.2.1標(biāo)題字體<H></H>

從圖8-1中可以發(fā)現(xiàn)，頭部和主體內(nèi)容連在一起，而且字體大小也一樣。HTML語言如何解決這個問題呢？它是通過標(biāo)題字體來處理的。標(biāo)題字體可以自動放在指定位置，且顯示不同的黑體字。標(biāo)題字體是通過<H></H>標(biāo)記實現(xiàn)的。被<H1>和</H1>夾在中間的文字，是文章里的大號字標(biāo)題字體。從<H1>、<H2>到<H6>，可以依次標(biāo)注出六個層級的子標(biāo)題，各子標(biāo)題的差別在于，標(biāo)題數(shù)字小的標(biāo)題文字比數(shù)字大的標(biāo)題文字更大、更粗、更顯眼。每遇到一個標(biāo)題，當(dāng)前段落就會終止，標(biāo)題前后自動留出一定的空白，文本自動從下一行開始。45黑龍江工程學(xué)院標(biāo)題字體語法格式為：<Hi>標(biāo)題文字</Hi>(i=1,…,6)例8-2.HTML，不同的標(biāo)題字體。<HTML><body><H1>電子商務(wù)系統(tǒng)（1號字體）！</H1><H2>電子商務(wù)系統(tǒng)（2號字體）！</H2><H3>電子商務(wù)系統(tǒng)（3號字體）！</H3><H4>電子商務(wù)系統(tǒng)（4號字體）！</H4>46黑龍江工程學(xué)院<H5>電子商務(wù)系統(tǒng)（5號字體）！</H5><H6>電子商務(wù)系統(tǒng)（6號字體）！</H6></body></HTML>例8-2.HTML顯示結(jié)果如圖8-2所示。47黑龍江工程學(xué)院圖8-2不同標(biāo)題的字體48黑龍江工程學(xué)院

8.2.2字體大小標(biāo)記<font></font>

普通的字體也可以改變，使用字體大小標(biāo)記<font></font>能夠改變包含的字符、單詞、短語或者指定范圍文本的字號大小。字體大小標(biāo)記語法格式為：

<fontsize=#>文字</font>#=1,2,3,4,5,6,7或+#,-#,缺省時為3號字體。例8-3.HTML，基本文字字體的大小。

<HTML>49黑龍江工程學(xué)院<body><fontsize=7>商務(wù)系統(tǒng)設(shè)計（7號字體）</font><fontsize=5>商務(wù)系統(tǒng)設(shè)計（5號字體）</font><fontsize=3>商務(wù)系統(tǒng)設(shè)計（3號字體）</font><fontsize=2>商務(wù)系統(tǒng)設(shè)計（2號字體）</font><fontsize=1>商務(wù)系統(tǒng)設(shè)計（1號字體）</font></body></HTML>例8-3.HTML顯示結(jié)果如圖8-3所示。50黑龍江工程學(xué)院圖8-3不同大小字體的文字51黑龍江工程學(xué)院

8.2.3段落標(biāo)記<P></P>與換行標(biāo)記<br><P>是HTML格式中特有的段落元素。在HTML格式里我們不必關(guān)心文章的每行寬度，即不用擔(dān)心每行文字太長而被截掉，HTML會根據(jù)窗口的寬度將行內(nèi)過長文字自動轉(zhuǎn)折到下一行。在原始文件中的段落標(biāo)記<P>，將指出在此告一段落，下面的文字應(yīng)另起一段。如果沒有遇到<P>，就會把所有的文字都擠到一個段落里。另外一個類似的標(biāo)記元素是<br>。<br>標(biāo)記用來標(biāo)識一個換行動作，相當(dāng)于字處理文件中的回車鍵功能，在HTML文件中可以用它來調(diào)整行間距。注意：<br>標(biāo)記是單獨使用的。段落標(biāo)記語法格式為：

<P>文字</P>

文本<br>52黑龍江工程學(xué)院例8-4.HTML，段落標(biāo)記和換行標(biāo)記。

<HTML><body>

在HTML格式里我們不必關(guān)心文章的每行寬度，即不用擔(dān)心每行文字太長而被截掉。（沒加標(biāo)記）

<P>在HTML格式里我們不必關(guān)心文章的每行寬度，</P><P>不用擔(dān)心每行文字太長而被截掉。（加標(biāo)記）</P><P>在HTML格式里我們不必關(guān)心文章的每行寬度，<br>

不用擔(dān)心每行文字太長而被截掉<br></body></HTML>53黑龍江工程學(xué)院例8-4.HTML顯示結(jié)果如圖8-4所示。圖8-4使用段落標(biāo)記和換行標(biāo)記的結(jié)果54黑龍江工程學(xué)院<body>標(biāo)記成對標(biāo)記

設(shè)定網(wǎng)頁內(nèi)容顯示區(qū)以及網(wǎng)頁背景、背景圖、文本顏色、超級鏈接顏色以及使用國的超級鏈接顏色等。<bodybgcolor=“value1”text=“value2”link=“value3”vlink=“value4”>…displaydata…</body><br>換行標(biāo)記非成對一般要配合<p>段落標(biāo)記使用，使網(wǎng)頁段落分明，強制換行，且斷行之間產(chǎn)生空行.55黑龍江工程學(xué)院<p>分段標(biāo)記成對標(biāo)記<palign=對齊方式>displaydata</p>Align屬性有三種方式：left,right和center<center>標(biāo)記成對標(biāo)記56黑龍江工程學(xué)院特殊符號句柄若在網(wǎng)頁中顯示特殊符號，必須使用句柄.句柄顯示結(jié)果句柄顯示結(jié)果 空一格半角距離÷/<<±+->>©?"“®?×*&&57黑龍江工程學(xué)院如何在網(wǎng)頁中插入水平線<hr>水平線標(biāo)記屬于非成對標(biāo)記，將不同性質(zhì)的數(shù)據(jù)加以區(qū)分。語法：<hralign=“value1”width=“value2”size=“value3”color=“value4”>如何制作字幕<marqueeloop=“value1”behavior=“value2”…>displaydata</marquee>

<marquee>為成對標(biāo)記，此標(biāo)記只適用于IE瀏覽器。58黑龍江工程學(xué)院屬性說明scrolldelay文字移動速度，延遲時間scrollamount字幕文字移動距離behavior文字走動方式，屬性值（scroll:文字跑到盡頭之后再重新開始；slide:文字跑完一次就不再跑；alternate:文字以左右來回移動的方式跑）width調(diào)整字幕尺寸的寬度height調(diào)整字幕尺寸的高度bgcolor設(shè)定字幕的背景色59黑龍江工程學(xué)院如何為網(wǎng)頁加上背景圖

<body>displaydata</body>

屬性說明bgcolor網(wǎng)頁背景色，默認(rèn)為白色background設(shè)定網(wǎng)頁背景圖text網(wǎng)頁文字顏色，默認(rèn)為黑色link超鏈接文字顏色，默認(rèn)為藍(lán)色vlink已瀏覽過超鏈接文字顏色，默認(rèn)紫色alink當(dāng)按下超鏈接時顯示顏色，默認(rèn)紫色bgproperties背景圖是否跟著滾動，＝fixed（背景圖片不跟著滾動）60黑龍江工程學(xué)院習(xí)題１：根據(jù)此顯示結(jié)果編寫ＨＴＭＬ程序．Thisisheading1Theheadingaboveisalignedtothecenterofthispage.Theheadingaboveisalignedtothecenterofthispage.Theheadingaboveisalignedtothecenterofthispage.61黑龍江工程學(xué)院<html><body><h1align="center">Thisisheading1</h1><p>Theheadingaboveisalignedtothecenterofthispage.Theheadingaboveisalignedtothecenterofthispage.Theheadingaboveisalignedtothecenterofthispage.</p></body></html>62黑龍江工程學(xué)院

63黑龍江工程學(xué)院<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/></head><bodybgcolor="yellow"><h2>Look:ColoredBackground!</h2></body></html>64黑龍江工程學(xué)院8.3超鏈接標(biāo)記<A></A>

8.3.1鏈接到本機另一Web頁面鏈接到本機上的Web頁面很簡單，只要把文件名和路徑賦給href就可以了。語法格式為：

<Ahref="路徑\文件名.HTML">鏈接到文件名</A>

在瀏覽器中將看到“鏈接到文件名”下底線，當(dāng)鼠標(biāo)移到它上面時，鼠標(biāo)的箭頭變成小手，在此單擊鼠標(biāo)，便可將其鏈接到同一機器的名為"文件名.HTML"文件上。例如，<Ahref="G:\dzsw\8-2.HTML">這里是"3-2.HTML"頁面</A>。在瀏覽器中單擊這里是"8-2.HTML"頁面，瀏覽器將打開8-2.HTML文件。65黑龍江工程學(xué)院

8.3.2鏈接到另一機器的Web頁面鏈接到另一臺機器的Web頁面也很簡單，只要把目的地的URL地址賦給href就可以了。語法格式為：

<Ahref="URL">這里是某地方</A>

例如，想鏈接到“新浪”主頁，可以寫成：

<Ahref="http:\">這里是新浪網(wǎng)主頁</A>

例8-5.HTML，鏈接到其它計算機中的Web頁面。

<HTML><head>66黑龍江工程學(xué)院

<title>Web頁面制作</title></head><body>

例如，可以鏈接到本機的

<Ahref="G:\dzsw\8-2.HTML">8-2.HTML頁面</A><p>鏈接到另一臺機器的Web頁面也很簡單，只要把目的地的URL地址賦給href就可以了。</p>例如，想鏈接到“新浪”主頁<Ahref="http:\">在這里點一下即可進(jìn)入新浪網(wǎng)頁</A>67黑龍江工程學(xué)院

</body></HTML>

例8-5.HTML顯示結(jié)果如圖8-5所示。68黑龍江工程學(xué)院圖8-5兩種不同的超鏈接69黑龍江工程學(xué)院

8.3.3鏈接到同一Web頁面的其它段落除了鏈接到另一個HTML文件之外，也可以在一篇文章內(nèi)隨意地鏈接。這和前面兩種鏈接稍有不同，需要先做出一個“錨”標(biāo)記，即鏈接的目標(biāo)地，再做“錨”的鏈接。例如，先在文章中選擇“第一章”做“錨”標(biāo)記，<Aname="第一章">第一章</A>；再做“錨”的鏈接<Ahref="#第一章">鏈接到第一章</A>，則“鏈接到第一章”會變色。并加有下底線，在此單擊鼠標(biāo)，便可將其鏈接到本文章中標(biāo)有<Aname="第一章">第一章</A>的地方。例8-6.HTML，看看是如何鏈接到同一Web頁的其它段落。70黑龍江工程學(xué)院

<HTML><head><title>Web頁面制作</title></head><body>例如：可以鏈接到本機的

<Aname="第一章">第一章</A>為“錨”標(biāo)記。

<p>除了鏈接到另一個HTML文件之外，也可以在一篇文章內(nèi)隨意地鏈接。<br>這和前面兩種鏈接稍有不同，需要先做出一個“錨”標(biāo)記，即鏈接的目標(biāo)地，</br>71黑龍江工程學(xué)院再做“錨”的鏈接。</p><Ahref="#第一章">在這里點一下即可進(jìn)入第一章</A></body></HTML>

例8-6.HTML顯示結(jié)果如圖8-6所示。72黑龍江工程學(xué)院圖8-6在同一頁面上建立鏈接73黑龍江工程學(xué)院

8.3.4鏈接到不同文件的另一個段落如果鏈接到不同文件的某一個段落，則其表示方法需做改變。假如在B1文件里建立鏈接"鏈接到第一章"，而錨標(biāo)記"第一章"在B2文件中，則可寫成：

<Ahref="B2的文件名#第一章">鏈接文字</A>

這樣，當(dāng)在B1文件中點擊"鏈接到第一章"，就會跳到B2文件的"第一章"的位置，而不是文件中的其它地方。例8-7.HTML，鏈接到別的Web頁的某一錨位置。74黑龍江工程學(xué)院<HTML><head><title>Web頁面制作</title></head><body><Ahref="g:\dzsw\8-2.html#第一章">在這里點一下</A>就會跳到8-6.html文章的“第一章”這個位置。</body></HTML>

例8-7.HTML顯示結(jié)果如圖8-7所示。注意，這里假定例8-6.html文件的"第一章"是已經(jīng)建立了“錨”標(biāo)記的。75黑龍江工程學(xué)院圖8-7在不同頁面上建立鏈接76黑龍江工程學(xué)院77黑龍江工程學(xué)院<html><body><p>Youcanalsouseanimageasalink:<ahref="/example/html/lastpage.html"><imgborder="0"src="/i/eg_buttonnext.gif"width="65"height="38"></a></p></body></html>78黑龍江工程學(xué)院8.4圖像標(biāo)記<img>如果Web頁面上全是文字，會使人覺得很單調(diào)。怎樣才能使頁面活潑一點呢？我們可以插入一些圖像，從而使頁面變得圖文并茂。插入圖像的語法格式如下：

<img

src=圖像的URL地址>

img提示下面要將插入一個圖像，src指出圖像的來源URL地址。注意，圖像標(biāo)記<img>沒有結(jié)束標(biāo)記。79黑龍江工程學(xué)院例8-8.html，在Web頁面中插入一個圖像。<HTML><head><title>Web頁面制作</title></head><body>這里要插入一個圖像<img

src=shu.gif></body></HTML>80黑龍江工程學(xué)院例8-8.HTML顯示結(jié)果如圖8-8所示。圖8-8插入圖像81黑龍江工程學(xué)院8.5表格標(biāo)記<table></table>加入表格可使頁面整齊直觀。但寫起來非常麻煩，這里只介紹其部分語法格式。其語法格式可分為以下五部分：

1.表格標(biāo)記

<table>…</table><table>表示下面是一個表格的內(nèi)容的開始，</table>表示表格結(jié)束。

2.表格標(biāo)題標(biāo)記

<captionalign=#>表格標(biāo)題</caption>82黑龍江工程學(xué)院這是表示一個表格的標(biāo)題。表格的標(biāo)題也可不要。Align可選擇top（標(biāo)題放在表格上面居中），bottom（標(biāo)題放在表格下面居中），缺省時，標(biāo)題放在表格上面居中。

3.表格行標(biāo)記

<TR>…</TR>

此標(biāo)記表示表格一行的開始和結(jié)束。

4.字段名標(biāo)記

<TH>字段名</TH>

在<TH></TH>中間加入字段名，有幾個字段名就加入幾個<TH></TH>標(biāo)記。83黑龍江工程學(xué)院

5.數(shù)據(jù)標(biāo)記

<TD>數(shù)據(jù)</TD>

在<TD></TD>中間加入數(shù)據(jù)，一般有幾個字段名就加入幾個<TD></TD>標(biāo)記。其屬性有：border=#表示表的邊框，取像素值，缺省時，表格沒有邊框。例8-9.html,這是兩個普通的表格，一個不帶邊框，一個帶邊框。

<HTML><table><caption商品價格表</caption><TR><TH>日期</TH><TH>白菜</TH><TH>雞蛋</TH></TR>84黑龍江工程學(xué)院<TR><TD>6.1</TD><TD>1.20</TD><TD>4.80</TD></TR><TR><TD>6.2</TD><TD>1.00</TD><TD>5.00</TD></TR></table><br><tableborder=5><caption商品價格表</caption><TR><TH>日期</TH><TH>白菜</TH><TH>雞蛋</TH></TR><TR><TD>6.1</TD><TD>1.20</TD><TD>4.80</TD></TR><TR><TD>6.2</TD><TD>1.00</TD><TD>5.00</TD></TR></table></HTML>85黑龍江工程學(xué)院顯示結(jié)果如圖8-9所示。圖8-9帶框和不帶框的表格86黑龍江工程學(xué)院習(xí)題:寫出程序的運行結(jié)果.<html><body><h4>缺省情況下，表格沒有邊界。</h4><table><tr><td>100</td><td>200</td><td>300</td></tr><tr><td>400</td><td>500</td><td>600</td></tr>87黑龍江工程學(xué)院</table><h4>表格Border設(shè)為0，也不顯示邊界：</h4><tableborder="0"><tr><td>100</td><td>200</td><td>300</td></tr><tr><td>400</td><td>500</td><td>600</td></tr></table></body></html>88黑龍江工程學(xué)院89黑龍江工程學(xué)院8.6地址標(biāo)記<address></address>這個標(biāo)記通常用來告訴讀者本文作者的聯(lián)系地址、電話、E-mail信箱。經(jīng)常是將E-mail地址放在文件的最后面。<address>…</address>之間的字是斜體。例8-10.html，留地址。

<HTML><head><title>地址聯(lián)系</title></head>90黑龍江工程學(xué)院<body><address>地址：湖南大學(xué)北校區(qū)信息管理系電話-mail信箱：<Ahref="mailto:HDXGZSQ@SOHU.COM">HDXGZSQ@SOHU.COM</A></address></body></HTML>91黑龍江工程學(xué)院顯示結(jié)果如圖8-10所示。圖8-10留地址的方法92黑龍江工程學(xué)院8.7表單標(biāo)記<form></form>服務(wù)器將處理過的用戶信息的HTML文件返回到客戶端的瀏覽器中顯示出來。

Form的基本語法格式為：

<formmethod=""action=""><inputtype=""name="">……</form>method說明和服務(wù)器交換信息時所使用的方式，一般選擇post或者get。93黑龍江工程學(xué)院

8.7.1簡單輸入文本框簡單輸入文本框給用戶提供輸入一行簡短的回答方式。其HTML語言十分簡單，只要在<form>標(biāo)記后加入<inputtype=".text">，并以</form>結(jié)束即可。如果想控制文本框的窗口大小，可以輸入屬性size=N，N以字節(jié)為單位；否則，瀏覽器就以缺省值20設(shè)置。如果輸入的字超過顯示區(qū)域，會自動向左滾動，還可以用屬性maxlength=N限制最多輸入的字節(jié)。其中屬性Name的屬性值“X”是將輸入值傳給服務(wù)器時使用的輸入信息的名字。例8-11.html，輸入文本框。

<HTML><body>94黑龍江工程學(xué)院<form>這是一個文本框<inputtype="text"name="x1"size=15></form></body></HTML>顯示結(jié)果如圖8-11所示。輸入文本框語法格式為：<form><inputtype="text"name="name"size=#value="x"></form>95黑龍江工程學(xué)院圖8-11輸入文本框96黑龍江工程學(xué)院

8.7.2顯示初始值的多個文本框文字作為初始值可以出現(xiàn)在文本框里面，只需在<input>標(biāo)記中加入屬性value="顯示的文字"即可。""中的字可以隨意選擇。可以隨意加入幾個文本框。排列的方式可以用前面的標(biāo)記來確定，否則將排在一行。例8-12.html，顯示初始值的多個文本框。

<HTML><body><form>

電話號碼：<inputtype="text"name=x1value=>97黑龍江工程學(xué)院<P>姓名：<inputtype="text"name=x2></P><P>出生日期：<inputtype="text"name=x7value="1965-05-10"></P></form></body></HTML>顯示結(jié)果如圖8-12所示。98黑龍江工程學(xué)院圖8-12具有初始值的文本框99黑龍江工程學(xué)院

8.7.3輸入口令的文本框例8-13.html，輸入口令，這個口令的長度為8。

<HTML><body><form>

口令：<inputtype="password"Name=x1size=8maxlength=8></form></body></HTML>100黑龍江工程學(xué)院顯示結(jié)果如圖8-13所示。輸入口令語法格式為：<form><inputtype="password"Name="NAME"size=#maxlength=#></form>101黑龍江工程學(xué)院圖8-13輸入口令的文本框102黑龍江工程學(xué)院

8.7.4輸入一個多行多列的文本框如果希望用戶多輸入一些內(nèi)容，以便回答問題或者進(jìn)行討論，可建立一個多行多列的文本框。只要在<form>標(biāo)記后，插入一個這樣的標(biāo)記：<textarea

clos=xrows=y>，而后，照常加上</textarea>和</form>標(biāo)記。屬性cols確定文本框的寬度，它指的是多行多列文本框的一行同時出現(xiàn)多少個文字；屬性rows確定多行多列文本框的高度，即有多少行文字一次出現(xiàn)。例3-14.html，輸入一個多行多列的文本框。

<HTML><body><form>103黑龍江工程學(xué)院<p>一個多行多列的文本框</p><textareacols=30name=x1rows=8></textarea></form></body></HTML>顯示結(jié)果如圖8-14所示。104黑龍江工程學(xué)院圖8-14多行多列文本框105黑龍江工程學(xué)院輸入多行多列的文本框語法格式為：<form><textareaname="NAME"cols=#rows=#></textarea></form>106黑龍江工程學(xué)院

8.7.5提交按鈕及重置按鈕怎樣把輸入的信息傳遞出去呢？可利用提交及重置按鈕來完成。提交按鈕（SubmitButton）是把用戶輸入的內(nèi)容提交給服務(wù)器進(jìn)行處理。重置按鈕（ResetButton）是把用戶輸入的內(nèi)容清除掉，重新輸入。這兩個按鈕的建立也很容易，在<form>標(biāo)記下面再加入<inputtype="Submit">和<inputtype="Reset">即可。在input標(biāo)記里，輸入value的屬性值可改變按鈕上的字，否則它自動寫上submit和reset。上面介紹的文本框都需要配上提交按鈕和重置按鈕才算完整。107黑龍江工程學(xué)院例8-15.html，創(chuàng)建提交和重置。<HTML><body><form>電話號碼：<inputtype="text"name=x1><P>姓名：<inputtype="text"name=x2></P><P>出生日期：<inputtype="text"name=x3value="1965-05-10"></P><inputtype="Submit"value="提交">108黑龍江工程學(xué)院<inputtype="Reset"></form></body></HTML>顯示結(jié)果如圖8-15所示。109黑龍江工程學(xué)院圖8-15創(chuàng)建提交與重置按鈕110黑龍江工程學(xué)院

8.7.6單選框單選框是給用戶提供一些可選的內(nèi)容，讓用戶選擇，但只能選擇其中的一項。要創(chuàng)建一個單選框（radiobutton），只需在<form>標(biāo)記后加上<inputtype="radio">，再以</form>結(jié)束即可。還可以在每一個按鈕后加上要選的內(nèi)容，并插入間隔線或者分段標(biāo)記。如果想讓其中的按鈕默認(rèn)為選中，只要在input標(biāo)記中加入checked屬性就可以了。例8-16.html，創(chuàng)建單選框。

<HTML><body><form>111黑龍江工程學(xué)院<H3>單選框<br><inputtype="radio"name=x1value="Yes">Yes<inputtype="radio"name=x1value="No">No<inputtype="submit"value="提交"><inputtype="reset"></form><H3>多選一<br><inputtype="radio"name=x1value="香蕉"checked>香蕉<br><inputtype="radio"name=x1value="蘋果">蘋果<br>112黑龍江工程學(xué)院<inputtype="radio"name=x1value="李子">李子<br><inputtype="submit"value="提交"><inputtype="reset"value="重置"></form></body></HTML>顯示結(jié)果如圖8-16所示。113黑龍江工程學(xué)院圖8-16創(chuàng)建單選框114黑龍江工程學(xué)院創(chuàng)建單選框語法格式為：</form><inputtype="radio"name="NAME"value="x">……<inputtype="radio"name="NAME"value="n"></form>

注意，單選框的屬性name的屬性值"NAME"是相同的，因為只需選一個輸入信息。115黑龍江工程學(xué)院

8.7.7多選框多選框是給用戶提供選擇多項內(nèi)容。要創(chuàng)建一個多選框，只需在<form>標(biāo)記后加上<inputtype=“checkbox”>，再以</form>結(jié)束即可，在每一個“checkbox”后跟有要用于選擇的文本內(nèi)容或者圖像。可以再插入間隔劃線或者分段標(biāo)記。例8-17.html，創(chuàng)建多選框。

<HTML><body><form><H3>多選框</H3><inputtype="checkbox"name="x1">北京<br>116黑龍江工程學(xué)院<inputtype="checkbox"name="x2">上海<br><inputtype="checkbox"name="x3">西安<br><inputtype="checkbox"name="x4"checked>廣州(已被選擇)<br><inputtype="submit"value="提交"><inputtype="reset"value="重置"></form></body></HTML>顯示結(jié)果如圖8-17所示。117黑龍江工程學(xué)院圖8-17創(chuàng)建多選框118黑龍江工程學(xué)院創(chuàng)建多選框的語法格式為：

</form><inputtype="checkbox"name="NAME1">……<inputtype="checkbox"name="NAME9"></form>

注意，多選框的屬性Name的屬性值"X"是不同的，因為可以選擇多個輸入信息。119黑龍江工程學(xué)院

8.7.8下拉菜單及滾動菜單下拉菜單是以<form>標(biāo)記開始，再接<select>標(biāo)記。<select>標(biāo)記表示可以在一個給定的選擇項范圍內(nèi)進(jìn)行選擇，因此，接著就給出每一個選擇項。選擇項采用<option>標(biāo)記，<option>標(biāo)記需放在每個選擇項之前。滾動菜單只是在<select>標(biāo)記中加入mutiple屬性，允許一次選多個選項，類似多選框，如<selectmutiplesize=x>。如果缺省mutiple，一次只能選擇一項，類似單選框。其中size=x是一次同時顯示在菜單里的選擇項（或者選擇行）數(shù)。菜單的寬度由最長的選擇項確定。例8-18.html，創(chuàng)建下拉菜單。

<HTML>120黑龍江工程學(xué)院<body><form>下拉菜單中任選一個<P><selectname=x1><option>鋼筆<option>鉛筆<option>書籍<option>紙張</select>121黑龍江工程學(xué)院<P><inputtype="submit"value="提交"><inputtype="reset"value="重置"></form></body></HTML>顯示結(jié)果如圖8-18所示。例8-19.html，創(chuàng)建滾動菜單。<HTML><body>滾動菜單可多選122黑龍江工程學(xué)院圖8-18創(chuàng)建下拉菜單123黑龍江工程學(xué)院<form><selectname=x1multiplesize=4><option>香蕉<option>葡萄<option>桃子<option>梨子</select><P><inputtype="submit"value="提交">124黑龍江工程學(xué)院

<inputtype="reset"value="重置"></form></body></HTML>

顯示結(jié)果如圖8-19所示。關(guān)于表單標(biāo)記，需要注意的是：所有的form都是以<form>標(biāo)記開始，以</form>標(biāo)記結(jié)束。每新加入一個<form>標(biāo)記，瀏覽器就產(chǎn)生一個新的段落。因此，如果想將一個下拉菜單或者radiobutton放到語句的中間，應(yīng)將

<form>標(biāo)記放在段落的開始處，而不是放在段落中。125黑龍江工程學(xué)院圖8-19創(chuàng)建滾動菜單126黑龍江工程學(xué)院可以將多個form元素（如checkboxes，下拉菜單等）放在同一對<form></form>標(biāo)記中，而不必加入一個元素就放上一對<form></form>標(biāo)記。在編寫完下拉式菜單時，每個下拉菜單以</select></form>標(biāo)記結(jié)束。

HTML語言的標(biāo)記還有很多，這里介紹的只是一些基本的標(biāo)記，讀者如果有興趣，可以參閱專門的HTML語言資料。掌握了HTML語言，就具備了設(shè)計電子商務(wù)系統(tǒng)的基礎(chǔ)。目前，HTML語言正向著XML語言的方向發(fā)展，將使網(wǎng)絡(luò)語言更加標(biāo)準(zhǔn)化。127黑龍江工程學(xué)院習(xí)題:根據(jù)此顯示結(jié)果編寫ＨＴＭＬ程序．128黑龍江工程學(xué)院<html><head><title>請?zhí)釋氋F意見</title></head><body><formaction="http:///asdocs/html_tutorials/suggest.asp"method="get">請?zhí)釋氋F意見：<br><textareaname="yoursuggest"cols="50"rows="3"></textarea><br><inputtype="submit"value="提交"></form></body></html>129黑龍江工程學(xué)院標(biāo)記<script></script>