Web程序設(shè)計基礎(chǔ)課件

第1章Web程序設(shè)計基礎(chǔ)內(nèi)容簡介：本章主要介紹Web程序設(shè)計必需的基礎(chǔ)知識，其中包括Web的基本概念和工作方式及特點、Internet網(wǎng)絡(luò)協(xié)議、IP地址、與Web有關(guān)的協(xié)議和統(tǒng)一資源定位器URL、超文本標(biāo)記語言HTML、樣式表CSS、可擴展標(biāo)記語言XML的基本語法和規(guī)則，并給出一些簡單的應(yīng)用實例幫助理解，為Web程序設(shè)計奠定基礎(chǔ)。第1章Web程序設(shè)計基礎(chǔ)內(nèi)容簡介：1第1章Web程序設(shè)計基礎(chǔ)1.1Web概述1.2Internet概述1.3超文本標(biāo)記語言HTML1.4樣式表CSS1.5可擴展標(biāo)記語言XML第1章Web程序設(shè)計基礎(chǔ)1.1Web概述21.1Web概述1.1.1什么是Web

Web是一種信息系統(tǒng)，是基于Internet的、全球連接的、分布的、動態(tài)的、多平臺的交互式超文本信息系統(tǒng)。1.1.2Web的工作方式Web服務(wù)器向瀏覽器提供服務(wù)的工作方式如下：（1）用戶啟動客戶機（即本機）的瀏覽器程序，并在瀏覽器中指定一個URL（UniformResourceLocator，統(tǒng)一資源定位器）。（2）Web服務(wù)器接到瀏覽器的請求后，把URL轉(zhuǎn)換成頁面所在服務(wù)器上的文件路經(jīng)名。（3）若URL指向的是普通的HTML文檔，Web服務(wù)器直接送給瀏覽器，瀏覽器負責(zé)將HTML格式文檔解釋轉(zhuǎn)換成用戶能接受的文本格式。1.1.3Web頁面的特點可讀性強、Web頁面的導(dǎo)航可用性、Web頁面與系統(tǒng)平臺無關(guān)、Web頁面信息的分布特性、Web頁面的動態(tài)交互性、Web頁面的新聞性。1.1.4Web頁面的功能1.主頁的功能。網(wǎng)站主頁用于組織和表現(xiàn)內(nèi)容，它提供到站點主要部分的鏈接，以此來指引用戶。2.超鏈接功能通過超鏈接功能，實現(xiàn)網(wǎng)頁的設(shè)計對全球用戶有吸引力，實現(xiàn)可訪問性和國際化。3.頁面的交互性交互是網(wǎng)站響應(yīng)用戶動作和選擇的方式。交互是網(wǎng)頁不可分割的組成部分。1.1Web概述1.1.1什么是Web3Web程序設(shè)計基礎(chǔ)課件4Web程序設(shè)計基礎(chǔ)課件51.2.2HTTP協(xié)議超文本傳輸協(xié)議HTTP（HyperTextTransferProtocol）是專門為Web設(shè)計的一種網(wǎng)絡(luò)協(xié)議。HTTP需要可靠的雙向字節(jié)流傳輸服務(wù)，所以是建立在TCP之上的應(yīng)用層協(xié)議。HTTP是基于客戶和服務(wù)器進行通信的基本模式，即請求回答模式。HTTP協(xié)議不僅僅是限于Web服務(wù)，還支持如FTP協(xié)議和Telnet協(xié)議及名字服務(wù)等。Web瀏覽器和Web服務(wù)器之間的交互步驟如下：１．客戶與服務(wù)器建立TCP鏈接。２．客戶向服務(wù)器發(fā)出請求。３．服務(wù)器如果接受請求，就向客戶發(fā)回響應(yīng)信息，其中包括狀態(tài)碼和所要的文件（一般是HTML文檔。４．客戶與服務(wù)器關(guān)閉鏈接。1.2.2HTTP協(xié)議超文本傳輸協(xié)議HTTP（Hype61.2.3Telnet協(xié)議Telnet是TCP/IP的一個應(yīng)用層協(xié)議，即Internet遠程登錄服務(wù)協(xié)議，是Internet上強有力的功能。要實現(xiàn)此功能，用戶計算機上必需安裝和運行名為Telnet的程序。使用該功能用戶可以訪問連在Internet上的任何一臺Telnet服務(wù)器，用戶主機成為該主機的終端而訪問各種所需的信息。實時地使用遠程計算機上對外開放的全部資源包括各種數(shù)據(jù)資源和軟件資源及其硬件資源，以達到資源共享之目的。用戶使用Telnet必須具備的前提條件是：１．用戶主機上裝有包括Telnet應(yīng)用層協(xié)議在內(nèi)的TCP/IP協(xié)議族。２．要知道IP地址、域名、登錄名、登錄標(biāo)識和口令，即所謂的權(quán)限。３．用戶自己有帳號，完成撥號服務(wù)工作，使自己的調(diào)制解調(diào)器與遠程主機建立通信關(guān)系。為公眾開放的Telnet遠程服務(wù)器對用戶是開放的，不需用戶有自己的帳號也不需口令、用戶名，照樣可以登錄。1.2.3Telnet協(xié)議Telnet是TCP/IP的71.2.4FTP協(xié)議文件傳輸協(xié)議FTP（FileTransferProtocol）是TCP/IP網(wǎng)絡(luò)體系結(jié)構(gòu)傳輸層的一種協(xié)議，用來提供計算機在Internet上傳輸二進制文件（程序和文檔）的服務(wù)。它是一種上傳/下載協(xié)議。通過FTP服務(wù)，允許Internet用戶兩地間的雙向文件傳輸。實現(xiàn)真正意義上的全球資源共享。FTP與Telnet的不同之處：前者可以實現(xiàn)兩地間的信息拷貝（在首先取得對方允許的情況下），而后者是只能在取得遠程主機允許的情況下（如帳號、口令、用戶名登錄）讓用戶主機以終端方式共享遠程主機上的資源，而不能將遠程主機上的文件資源復(fù)制到用戶主機再傳入用戶自己的PC機上。FTP是一種文件傳輸協(xié)議，體現(xiàn)的是服務(wù)。提供服務(wù)的機器稱為FTP服務(wù)器，又稱FTP網(wǎng)站。這類網(wǎng)站有兩類：一類是訪問該服務(wù)器時必須擁有遠程計算機上的合法帳戶和口令且擁有相應(yīng)的訪問權(quán)限。另一類是匿名FTP，即這類FTP服務(wù)器允許沒有帳戶和口令的用戶仍然可以從遠程計算機上獲取文件，其目的是向公眾提供文件拷貝服務(wù)。在與“匿名”FTP服務(wù)器建立連接時，只在“用戶名”欄填入“anonymous”，在密碼欄填入用戶的E-mail地址作為口令完成注冊?！澳涿盕TP為廣大Internet用戶提供免費程序、文件、數(shù)據(jù)、新軟件的下載，這類FTP服務(wù)器有很大一部分。1.2.4FTP協(xié)議81.2.5IP協(xié)議Internet上的每一臺計算機都有一個惟一的地址，稱為IP地址，是識別網(wǎng)絡(luò)中的主機及網(wǎng)絡(luò)設(shè)備的惟一標(biāo)識。IP地址有統(tǒng)一的格式，它是由協(xié)議IP規(guī)定的。一個IP地址由4個字節(jié)組成為32位二進制。各字節(jié)間用句號分隔，反映在十進制上就是3位數(shù)一組，共4組。每一個IP地址都由兩部分組成：網(wǎng)絡(luò)ID（NetWorkID）和主機ID（HostID）。NetWorkID網(wǎng)絡(luò)標(biāo)識符，每個網(wǎng)絡(luò)區(qū)段都有一個網(wǎng)絡(luò)標(biāo)識。網(wǎng)絡(luò)標(biāo)識代表一個網(wǎng)絡(luò)。HostID主機標(biāo)識符，每個網(wǎng)絡(luò)區(qū)段中每臺計算機都被賦予一個主機標(biāo)識符。IP協(xié)議規(guī)定了五類IP地址A—E。其中A，B，C三類是基本的，它們由IP地址的高位來區(qū)分。A類IP地址共有27=128個，均分配給大型網(wǎng)絡(luò)使用。B類IP地址共有2１４=16384個，適用于中等規(guī)模的網(wǎng)絡(luò)。C類IP地址最多，有2２２≈419萬個，主要分配給小型網(wǎng)絡(luò)使用。1.2.5IP協(xié)議91.2.6統(tǒng)一資源定位器URL統(tǒng)一資源定位器URL（UniformResourceLocator）是用來確定用戶所需信息的確切位置。包括信息資源的名稱及地址。URL用來指定Internet資源要說明它位于哪臺計算機的哪個目錄中。URL通過定義資源位置的抽像標(biāo)識來定位網(wǎng)絡(luò)資源，格式如下：

訪問方法：//服務(wù)器域名[：端口]/目錄/文件名訪問方法說明如何訪問文檔，即來用什么協(xié)議或說是信息服務(wù)類型，可以是：HTTP、FTP、GoPher、WAIS、NEWS、TELNET、MAILTO。冒號和“//”后部分指示一個網(wǎng)絡(luò)主機的域名或IP地址，即文件所在的服務(wù)器。端口部分是可選項，一般情況下可省略。但在一些情況下指定端口是為了讓操作系統(tǒng)用來辯認特定信息服務(wù)的軟件端口，默認的是用與訪問關(guān)聯(lián)的端口，如HTTP默認的TCP端口是80。//目錄/文件名是指文檔在服務(wù)器中的目錄。目錄可包含子目錄，各級目錄之間用“/”分隔。1.2.6統(tǒng)一資源定位器URL統(tǒng)一資源定位器URL（U101.3超文本標(biāo)記語言HTMLHTML是HyperTextMarkupLanguage(超文本標(biāo)記語言)的縮寫。HTML語言是一種簡單、通用的標(biāo)記語言，又稱Web網(wǎng)頁描述語言。用HTML語言編制的文檔為HTML文檔，其文檔擴展名通常是.htm或.html。由Web瀏覽器來解釋并顯示在用戶瀏覽器窗口中的頁面是Web頁面。HTML的優(yōu)點：每一個HTML文檔占用空間小，易于傳送。HTML文檔是多平臺兼容，只需有HTML瀏覽器就可在任何平臺上閱讀網(wǎng)頁文件。HTML是標(biāo)記性語言，易學(xué)易懂。HTML文檔的建立只要有一個文本編輯軟件即可完成書寫。當(dāng)然專門的HTML編輯器生成HTML文檔會更便捷，不需去記憶一些格式命令，用點擊工具或菜單即可。

初學(xué)HTML應(yīng)注意：HTML文檔的編輯工具：HTML文檔是純文本文件，可用任何一個純文本編輯工具。文件名的命名規(guī)則：要區(qū)分大小寫；文件名中不能用空格和特殊字符。也盡量不要用漢字作文件名稱部分。編寫出的HTML文檔不是所見即所得，成功與否要通過瀏覽器查看效果。1.3超文本標(biāo)記語言HTMLHTML是HyperTe111.3.1HTML的基本語法(1)標(biāo)記是HTML語言的標(biāo)簽符號和用標(biāo)簽標(biāo)符號構(gòu)成的各種元素的統(tǒng)稱，用來界定各種單元，用一對〈〉中間包含若干字符命令表示，前一個“<>”為起始標(biāo)記，后一個“</>”為結(jié)束標(biāo)記，單元的名稱和屬性由起始標(biāo)記給出。1.〈HTML〉標(biāo)記（最外層的標(biāo)記）

語法規(guī)則：〈HTML〉……〈/HTML〉屬性：VERSION=String2.〈HEAD〉標(biāo)記（用來標(biāo)記HTML文檔的頁首）

語法規(guī)則為：〈HEAD〉……〈/HEAD〉屬性：None(無)3.〈TITLE〉標(biāo)記（設(shè)置網(wǎng)頁標(biāo)題）

語法規(guī)則：〈TITLE〉……〈/TITLE〉屬性：None（無）4.〈BODY〉標(biāo)記（標(biāo)注HTML文檔的正文）語法規(guī)則：〈BODY〉……〈/BODY〉

屬性：BACKGROUND=URL；指定用于網(wǎng)頁背景圖片文件的地址BGCOLOR=#RRGGBB；指定背景色彩TEXT=#RRGGBB；指定非可鏈接文字的色彩LINK=#RRGGBB；指定可鏈接文字的色彩ALINK=#RRGGBB；指定正被鼠標(biāo)點擊的可鏈接文字的色彩VLINK=#RRGGBB；指定已被鼠標(biāo)點擊（訪問）過的可鏈接文字的色彩說明：#RRGGBB是指色彩紅—綠—藍（red—green—blue，RGB）的值，用16進制數(shù)碼表示：0，1，2，3，4，5，6，7，8，9，a，b，c，d，e，f,根據(jù)規(guī)范前面需加“#”。1.3.1HTML的基本語法(1)標(biāo)記是HTML語言的121.3.1HTML的基本語法(2)5.〈Hn〉標(biāo)記(標(biāo)注文檔正文的各級標(biāo)題

)語法規(guī)則：〈Hn〉……〈/Hn〉屬性：ALIGN=left|right|center|justify說明：〈Hn〉標(biāo)記中的n表示標(biāo)題的級別，值范圍1—6。ALIGN用來控制標(biāo)題文字的水平對齊方式，“|”標(biāo)識相互排斥的屬性值。6.〈P〉標(biāo)記(顯示段落標(biāo)記)

語法規(guī)則為：〈P〉……[〈/P〉]屬性：ALIGN=left|center|right說明：起始標(biāo)記〈P〉必選，結(jié)束標(biāo)記〈/P〉可選。若需強制換行，可用〈BR〉標(biāo)記強制插入一個換行動作。Web瀏覽器會將文字中的多個空白字符（如空格、制表符）當(dāng)作一個空格處理。若需在文字間插入多個空格，可使用SGML字符實體“ ”。各 之間用分號“；”間隔。1.3.1HTML的基本語法(2)5.〈Hn〉標(biāo)記(標(biāo)131.3.1HTML的基本語法(3)7.〈BR〉標(biāo)記(強制換行標(biāo)記)

語法規(guī)則：〈BR〉屬性：CLEAR=left|all|right|none

說明：<BR〉僅是換行，并不像〈P〉那樣還要在隨后的文本前插入一個空行。CLEAR是可選屬性:Left：標(biāo)記后的文本換行至瀏覽器窗口左邊界不被圖像占用的地方顯示。Right：標(biāo)記后的文本換行至瀏覽器窗口右邊界不被圖像占用的地方顯示。All：標(biāo)記后的文本在瀏覽器窗口的左右邊界均不被圖像占用的地方顯示。None：缺省值，僅換行而已。8.〈PRE〉標(biāo)記(預(yù)格式化文本標(biāo)記)

語法規(guī)則：〈PRE〉……〈/PRE〉屬性：WIDTH=n

說明：〈PRE〉和〈/PRE〉之間是預(yù)先排好的文本內(nèi)容。瀏覽器按等間距（或等寬）字體顯示用戶預(yù)先已排好的格式文本。該標(biāo)記之間某些使用自動換行標(biāo)記、改變字體大小標(biāo)記和圖像。WIDTH為可選項，n表示文本一行的字符數(shù)。1.3.1HTML的基本語法(3)7.〈BR〉標(biāo)記(強141.3.2HTML文檔的基本結(jié)構(gòu)一個HTML文檔是由標(biāo)記和文本內(nèi)容組成。〈HTML>〈HEAD〉〈TITLE〉┋〈/TITLE〉〈/HEAD>〈BODY〉┋〈/BODY〉〈/HTML〉1.3.2HTML文檔的基本結(jié)構(gòu)一個HTML文檔是由標(biāo)151.3.3編寫簡單HTML文件

<HTMLVERSION="-//W3C/DTD.HTML4.0Final//EN"><HEAD><TITLE>簡單HTML文件的編寫教程</TITLE></HEAD><BODYbgcolor="#00FFFF"TEXT="#FF0000"><H1ALIGN=left>Web程序設(shè)計基礎(chǔ)教程</H1><H2ALIGN=left>第1章  Web程序設(shè)計基礎(chǔ)</H2><P>本章主要介紹Web程序設(shè)計必需的基礎(chǔ)知識和相關(guān)概念。</P><H3>1.1 Web概述</H3><PRE>1.1.1什么是Web1.1.2Web的工作方式1.1.3Web頁面的特點1.1.4Web頁面的功能</PRE><H3>1.2 Internet概述</H3>Internet,中國的權(quán)威機構(gòu)把它譯作“國際互聯(lián)網(wǎng)絡(luò)”。<BR><H4>1.2.1 TCP/IP協(xié)議</H4>TCP/IP是傳輸控制協(xié)議/網(wǎng)間協(xié)議，英文全稱是<BR>TransmissionControlProtocol/InternetProtocol。</BODY></HTML>1.3.3編寫簡單HTML文件<HTMLVERSI161.4樣式表CSSCSS是CascadingStyleSheet（層疊樣式表）的英文縮寫。CSS的主要功能是通過對選擇符進行設(shè)定，實現(xiàn)對網(wǎng)頁中的字體、顏色、背景、圖像以及其它各種元素的統(tǒng)一控制，以克服諸多不同設(shè)計者的網(wǎng)頁作品在一個網(wǎng)站中得不到統(tǒng)一的困難。設(shè)計者可以只通過對一個CSS格式的文件進行編排或修改，就可以設(shè)定一個甚至多個網(wǎng)頁頁面的外觀格式，提高了網(wǎng)頁設(shè)計的效率，同時也克服了HTML在表現(xiàn)形式上的局限性。CSS有兩個不同層次的標(biāo)準：CSS1和CSS2。CSS的功能特點表現(xiàn)了它技術(shù)上的優(yōu)勢，可從如下幾點體現(xiàn)：（１）使得修改網(wǎng)頁元素的格式變得容易，網(wǎng)頁的更新變得輕松。（２）由于對網(wǎng)頁特殊視覺效果的書寫變得代碼短少，減少網(wǎng)頁中使用圖片的數(shù)量，提高了下載速度，增強了顯示效率。（３）CSS的強大定位技術(shù)，使網(wǎng)頁布局簡單化。（４）由于CSS是W3C制定的標(biāo)準，具有良好的適應(yīng)性，從而得到廣泛使用。1.4樣式表CSSCSS是CascadingStyl171.4.1樣式表CSS的基本語法一．CSS最基本的語法為：Selector{Property：值}也可以用如下的形式表示：目標(biāo)名稱1，目標(biāo)名稱2......{屬性1：屬性值；屬性2：屬性值；……屬性n：屬性值；}二．樣式引用1．建立樣式表2．樣式表的引用方式（1）鏈接到一個外部樣式表（2）嵌入樣式表（3）內(nèi)聯(lián)樣式表1.4.1樣式表CSS的基本語法一．CSS最基本的語181.4.2樣式表的繼承和作用樣式表的繼承表示在前一個標(biāo)記中進行了樣式的定義，這個被定義的樣式可以在后繼的標(biāo)記中被引用。１．樣式表的繼承２．樣式表的作用優(yōu)先級內(nèi)聯(lián)樣式中所定義的樣式優(yōu)先級最高；其他樣式表按其在HTML文件中出現(xiàn)或被引用的選擇順序越后出現(xiàn)，優(yōu)先級越高；選擇符的作用優(yōu)先級順序是：上下文選擇符、類選擇符、id選擇符。未有任何文件中定義的樣式，遵循瀏覽器的默認樣式。1.4.2樣式表的繼承和作用樣式表的繼承表示在前191.4.3CSS的屬性（1）

1．字體屬性font-family、font-size、font-style、font-variant、font-weight２．顏色和背景屬性color、background-color、background-image、background-repeat、background-attachment、background-position、background4．文本屬性letter-spacing、text-decoration、text-transform、text-align、vertical-align、text-indent、line-height

５．列表屬性list-style-type、list-style-image、list-style-position

1.4.3CSS的屬性（1）1．字體屬性201.4.3CSS的屬性（2）６．定位屬性3種定位屬性分別是絕對(absolute)、相對(relative)和靜態(tài)(static)。定位屬性基于用上邊和左邊來指定的從起點開始的距離這一假設(shè)：

Top、Left

７．CSS中的邊界屬性border-color、border-style、border-width、Margin、Padding

8．CSS中的分類屬性分類屬性允許您將元素分類成集類別。類名之前要加句點。1.4.3CSS的屬性（2）６．定位屬性211.4.4應(yīng)用CSS的一個實例(1)1.主文件

<HTML><HEAD><title>CSS綜合應(yīng)用示例</title><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><linkrel=stylesheettype="text/css"href="例1-9.css"〉</head><BODY><STYLEtype="text/css"><!--{background-image:url(J169.JPG)}--></STYLE><H3>這是一個CSS樣式文件的綜合示例！</H3><P>在這一例題中，樣式的引用采用LINK鏈接到一個外部CSS樣式表。<br>在顯示原樣詩歌后，又可在藍色文字處點擊鼠標(biāo)，<br>超鏈接另一個HTML文檔顯示出一個表格。</P><PRE>鄉(xiāng)愁—--余光中小時候鄉(xiāng)愁是一枚小小的郵票我在這頭母親在那頭長大后鄉(xiāng)愁是一張窄窄的船票我在這頭新娘在那頭

后來啊..．</PRE><ahref="例1-10.html">超鏈接到例1-10.HTML文檔顯示一個表格</a><br><br></BODY></HTML>1.4.4應(yīng)用CSS的一個實例(1)1.主文件<221.4.4應(yīng)用CSS的一個實例(2)2.CSS樣式表例1-9.CSS內(nèi)容如下：H3{font-family:"隸書";color:"#FFFFFF"}P{color:Aqua;background-color:"#FF0000";font-size:9pt;}3.用<Ahref=“要鏈接網(wǎng)頁（或文件）的URL”>鏈接的文件例1-10.HTML內(nèi)容如下：<HTML><HEAD><TITLE>指定背景圖片</TITLE><STYLEtype="text/css"><!--BODY{background-image:url(image1.jpg)}P{font-family:"隸書";font-size:12pt}--></STYLE></HEAD>1.4.4應(yīng)用CSS的一個實例(2)2.CSS樣式231.4.4應(yīng)用CSS的一個實例(3)<BODYbgcolor="#FFFFFF"<H2>指定該網(wǎng)頁背景圖片和創(chuàng)建表格</H2><P>設(shè)定整個表格（TABLE)指定表格的框線粗細（BORDER)、表行(TR)<BR>、存放表頭的單元格（TH)、存放數(shù)據(jù)的單元格（TD)等。</P><TABLEborder="4"><TR><TH>姓名</TH><TH>性別</TH><TH>年齡</TH><TH>籍貫</TH><TH>文化程度</TH><TH>畢業(yè)學(xué)校</TH><TH>專業(yè)</TH><TH>聯(lián)系電話</TH></TR><TR><TD>陳勇剛</TD><TD>男</TD><TD>22</TD><TD>山東</TD><TD>大專</TD><TD>濟南師專</TD><TD>美術(shù)</TD><TD>lt;/TD</TR><TR><TD>王英</TD><TD>女</TD><TD>23</TD><TD>青島</TD><TD>本科</TD><TD>青島大學(xué)</TD><TD>國際貿(mào)易</TD><TD>lt;/TD></TR></TABLE></BODY></HTML>1.4.4應(yīng)用CSS的一個實例(3)<BODYbgc241.4.4應(yīng)用CSS實例

——結(jié)果1.4.4應(yīng)用CSS實例

——結(jié)果251.5可擴展標(biāo)記語言XMLXML英文全稱為eXtensibleMarkupLanguage，意即“可擴展標(biāo)記語言”，是用于標(biāo)記電子文檔使其具有結(jié)構(gòu)性的標(biāo)記語言。XML是SGML（StandardGeneralizedMarkupLanguage，標(biāo)準通用標(biāo)記語言）的一個子集，是一個精簡的SGML，它將SGML的豐富功能與HTML的簡單易學(xué)易用性有機地結(jié)合到Web的應(yīng)用中。XML文檔可用中文描述Web頁面信息元素標(biāo)記。XML保留了SGML的可擴展功能，不再像HTML那樣使用固定的標(biāo)記，而是允許定義數(shù)量不限的標(biāo)記來描述文檔中的資料，允許嵌套的信息結(jié)構(gòu)。HTML只是Web顯示數(shù)據(jù)的通用方法，而XML提供了一個直接處理Web數(shù)據(jù)的通用方法。HTML著重描述Web頁面的顯示格式，而XML著重描述Web頁面的內(nèi)容。1.5可擴展標(biāo)記語言XMLXML英文全稱為eXtens261.5.1XML文檔的組成1．聲明區(qū)：聲明區(qū)包含XML聲明和處理指令。XML聲明用于聲明XML文檔的版本信息、內(nèi)碼編碼方式等通用信息。一般放在文檔的開頭第一行位置。處理指令是XML文檔中為應(yīng)用準備的指令，其作用是為解析器和其他應(yīng)用程序提供信息。２．定義區(qū)定義區(qū)用于完成文檔類型定義（DocumentTypeDeclaration，DTD），即定義元素的結(jié)構(gòu)和屬性列表以及元素間的邏輯關(guān)系，并以此為根據(jù)對文檔進行有效性檢查?！霸亍奔礃?biāo)記名稱。３．文件主體區(qū)文檔主體區(qū)包含標(biāo)記和文檔內(nèi)容。標(biāo)記是以樹型分層結(jié)構(gòu)排列，描述出一個XML文檔的邏輯結(jié)構(gòu)，它由成對的標(biāo)記及包圍在標(biāo)記中的數(shù)據(jù)所組成。1.5.1XML文檔的組成1．聲明區(qū)：271.5.2創(chuàng)建XML文檔的基本規(guī)則１．文檔必須有唯一的根元素，所有其他元素必須嵌套入其中。２．每個元素的起始標(biāo)記和結(jié)束標(biāo)記必須匹配，元素間嵌套必須正確，不可出現(xiàn)交叉嵌套。３．標(biāo)記名稱的大小寫必須一致。４．元素必須正確嵌套５．不要出現(xiàn)不必要的空格。如<_目錄

>和</目錄>６．XML中可以使用注釋，注釋的內(nèi)容放在注釋標(biāo)記<!--和-->之間，供閱讀說明。注釋不能放在XML文檔的第一行，也就是不能放在XML聲明的前面。注釋不能放在標(biāo)記中。除了注釋本身的標(biāo)記外，注釋中不能再使用“!—”和“-->”。７．正確使用XML保留字符1.5.2創(chuàng)建XML文檔的基本規(guī)則１．文檔必須有唯一的281.5.3將格式正確的XML文檔轉(zhuǎn)換為有效文檔一個有效的XML文檔要滿足兩個要求：１．文檔的開頭必須有一個正確的聲明和一個文檔類型定義DTD。２．文檔的主體必須符合DTD中定義的結(jié)構(gòu)。XML文檔要進行合法性檢驗，若文檔符合DTD中的約束，這個文檔被認為合法，否則為不合法。文檔類型定義的通用格式是：<!DOCTYPENameDTD>元素類型聲明通用格式是：<!ELEMENTNameContentspec>1.5.3將格式正確的XML文檔轉(zhuǎn)換為有效文檔一個有效291.5.4定義和使用實體實體有兩種類型：內(nèi)部實體和外部實體。內(nèi)部實體分為內(nèi)部通用可析型和內(nèi)部參數(shù)可析型。外部實體分為外部通用可析型和外部通用不可析型及外部可析型。１．實體定義定義外部通用可析型實體的格式為：<!ENTITYEntityNameSYSTEMSystemLiteral>定義內(nèi)部通用可析型實體的格式為：<!ENTITYEntityNameEntityValue>２．實體的引用通用實體的引用形式是：&EntityName;1.5.4定義和使用實體實體有兩種類型：內(nèi)部實體和外部301.5.5XML文檔的顯示可以直接在InternetExploren5.0瀏覽器中打開XML文檔.XML文檔的顯示有三種方法：使用CSS樣式表顯示XML文檔、使用數(shù)據(jù)綁定顯示XML文檔和使用XSL樣式表顯示XML文檔。1.使用XSL樣式表顯示XML文檔的基本步驟如下：（１）創(chuàng)建XSL樣式表文檔。一個XSL樣式表是一個遵守XSL規(guī)則的格式正確的XML文檔。（２）鏈接XSL樣式表到XML文檔。２．創(chuàng)建XSL樣式表1.5.5XML文檔的顯示可以直接在Internet31本章小結(jié)本章主要介紹了Web編程的基礎(chǔ)知識，包括Web的基本概念和工作原理、Internet網(wǎng)絡(luò)協(xié)議、IP地址、域名和統(tǒng)一資源定位器URL超文本標(biāo)記語言HTML、層疊樣式表CSS以及可擴展標(biāo)記語言XML。Web是一種基于客戶機/服務(wù)器、采用Internet的超文本信息系統(tǒng)，它涉及到Web的許多技術(shù)，包括服務(wù)器技術(shù)、HTML技術(shù)、ASP技術(shù)、Java技術(shù)、ActiveX技術(shù)等。Internet是由各種不同類型和規(guī)模的、獨立管理和運行的主機或計算機網(wǎng)絡(luò)組成的一個全球性網(wǎng)絡(luò)。它使用的網(wǎng)絡(luò)協(xié)議是TCP/IP協(xié)議。TCP/IP協(xié)議是一個協(xié)議集，其應(yīng)用層主要有：超文本傳輸協(xié)議HTTP、遠程登錄協(xié)議Telnet以及文件傳輸協(xié)議FTP和統(tǒng)一資源定位器URL等。TCP/IP協(xié)議把整個網(wǎng)絡(luò)分為四個層次：應(yīng)用層、傳輸層、網(wǎng)絡(luò)層和物理鏈路層。IP地址，是識別網(wǎng)絡(luò)中的主機及網(wǎng)絡(luò)設(shè)備的惟一標(biāo)識。統(tǒng)一資源定位器URL是用來確定用戶所需信息的確切位置，包括信息資源的名稱及地址。HTTP協(xié)議是為分布超媒體信息系統(tǒng)設(shè)計的一個協(xié)議。Telnet是TCP/IP的一個應(yīng)用層協(xié)議，即Internet遠程登錄服務(wù)協(xié)議，是Internet上強有力的功能。文件傳輸協(xié)議FTP是TCP/IP網(wǎng)絡(luò)體系結(jié)構(gòu)傳輸層的一種協(xié)議，是一種上傳/下載協(xié)議。網(wǎng)頁是用HTML或XML語言編制的文檔文件。HTML是一種簡單、通用的標(biāo)記語言，可以用其制作包含圖形、文字、聲音等精彩內(nèi)容的網(wǎng)頁。樣式表CSS可以看作是一個顯示樣本，用來配合HTML標(biāo)記語言達到在Web瀏覽器中顯示文本的效果。XML是用于標(biāo)記電子文檔使其具有結(jié)構(gòu)性的標(biāo)記語言，是一個精簡的SGML，突破了HTML固定標(biāo)記集合的約束，使文檔內(nèi)容豐富靈活與結(jié)構(gòu)性自成一體。HTML著重描述了Web頁面的顯示格式，而XML著重描述Web頁面的內(nèi)容。XML文檔由三部分組成：聲明區(qū)、定義區(qū)和文檔主體。本章小結(jié)本章主要介紹了Web編程的基礎(chǔ)知識，包32第1章Web程序設(shè)計基礎(chǔ)內(nèi)容簡介：本章主要介紹Web程序設(shè)計必需的基礎(chǔ)知識，其中包括Web的基本概念和工作方式及特點、Internet網(wǎng)絡(luò)協(xié)議、IP地址、與Web有關(guān)的協(xié)議和統(tǒng)一資源定位器URL、超文本標(biāo)記語言HTML、樣式表CSS、可擴展標(biāo)記語言XML的基本語法和規(guī)則，并給出一些簡單的應(yīng)用實例幫助理解，為Web程序設(shè)計奠定基礎(chǔ)。第1章Web程序設(shè)計基礎(chǔ)內(nèi)容簡介：33第1章Web程序設(shè)計基礎(chǔ)1.1Web概述1.2Internet概述1.3超文本標(biāo)記語言HTML1.4樣式表CSS1.5可擴展標(biāo)記語言XML第1章Web程序設(shè)計基礎(chǔ)1.1Web概述341.1Web概述1.1.1什么是Web

Web是一種信息系統(tǒng)，是基于Internet的、全球連接的、分布的、動態(tài)的、多平臺的交互式超文本信息系統(tǒng)。1.1.2Web的工作方式Web服務(wù)器向瀏覽器提供服務(wù)的工作方式如下：（1）用戶啟動客戶機（即本機）的瀏覽器程序，并在瀏覽器中指定一個URL（UniformResourceLocator，統(tǒng)一資源定位器）。（2）Web服務(wù)器接到瀏覽器的請求后，把URL轉(zhuǎn)換成頁面所在服務(wù)器上的文件路經(jīng)名。（3）若URL指向的是普通的HTML文檔，Web服務(wù)器直接送給瀏覽器，瀏覽器負責(zé)將HTML格式文檔解釋轉(zhuǎn)換成用戶能接受的文本格式。1.1.3Web頁面的特點可讀性強、Web頁面的導(dǎo)航可用性、Web頁面與系統(tǒng)平臺無關(guān)、Web頁面信息的分布特性、Web頁面的動態(tài)交互性、Web頁面的新聞性。1.1.4Web頁面的功能1.主頁的功能。網(wǎng)站主頁用于組織和表現(xiàn)內(nèi)容，它提供到站點主要部分的鏈接，以此來指引用戶。2.超鏈接功能通過超鏈接功能，實現(xiàn)網(wǎng)頁的設(shè)計對全球用戶有吸引力，實現(xiàn)可訪問性和國際化。3.頁面的交互性交互是網(wǎng)站響應(yīng)用戶動作和選擇的方式。交互是網(wǎng)頁不可分割的組成部分。1.1Web概述1.1.1什么是Web35Web程序設(shè)計基礎(chǔ)課件36Web程序設(shè)計基礎(chǔ)課件371.2.2HTTP協(xié)議超文本傳輸協(xié)議HTTP（HyperTextTransferProtocol）是專門為Web設(shè)計的一種網(wǎng)絡(luò)協(xié)議。HTTP需要可靠的雙向字節(jié)流傳輸服務(wù)，所以是建立在TCP之上的應(yīng)用層協(xié)議。HTTP是基于客戶和服務(wù)器進行通信的基本模式，即請求回答模式。HTTP協(xié)議不僅僅是限于Web服務(wù)，還支持如FTP協(xié)議和Telnet協(xié)議及名字服務(wù)等。Web瀏覽器和Web服務(wù)器之間的交互步驟如下：１．客戶與服務(wù)器建立TCP鏈接。２．客戶向服務(wù)器發(fā)出請求。３．服務(wù)器如果接受請求，就向客戶發(fā)回響應(yīng)信息，其中包括狀態(tài)碼和所要的文件（一般是HTML文檔。４．客戶與服務(wù)器關(guān)閉鏈接。1.2.2HTTP協(xié)議超文本傳輸協(xié)議HTTP（Hype381.2.3Telnet協(xié)議Telnet是TCP/IP的一個應(yīng)用層協(xié)議，即Internet遠程登錄服務(wù)協(xié)議，是Internet上強有力的功能。要實現(xiàn)此功能，用戶計算機上必需安裝和運行名為Telnet的程序。使用該功能用戶可以訪問連在Internet上的任何一臺Telnet服務(wù)器，用戶主機成為該主機的終端而訪問各種所需的信息。實時地使用遠程計算機上對外開放的全部資源包括各種數(shù)據(jù)資源和軟件資源及其硬件資源，以達到資源共享之目的。用戶使用Telnet必須具備的前提條件是：１．用戶主機上裝有包括Telnet應(yīng)用層協(xié)議在內(nèi)的TCP/IP協(xié)議族。２．要知道IP地址、域名、登錄名、登錄標(biāo)識和口令，即所謂的權(quán)限。３．用戶自己有帳號，完成撥號服務(wù)工作，使自己的調(diào)制解調(diào)器與遠程主機建立通信關(guān)系。為公眾開放的Telnet遠程服務(wù)器對用戶是開放的，不需用戶有自己的帳號也不需口令、用戶名，照樣可以登錄。1.2.3Telnet協(xié)議Telnet是TCP/IP的391.2.4FTP協(xié)議文件傳輸協(xié)議FTP（FileTransferProtocol）是TCP/IP網(wǎng)絡(luò)體系結(jié)構(gòu)傳輸層的一種協(xié)議，用來提供計算機在Internet上傳輸二進制文件（程序和文檔）的服務(wù)。它是一種上傳/下載協(xié)議。通過FTP服務(wù)，允許Internet用戶兩地間的雙向文件傳輸。實現(xiàn)真正意義上的全球資源共享。FTP與Telnet的不同之處：前者可以實現(xiàn)兩地間的信息拷貝（在首先取得對方允許的情況下），而后者是只能在取得遠程主機允許的情況下（如帳號、口令、用戶名登錄）讓用戶主機以終端方式共享遠程主機上的資源，而不能將遠程主機上的文件資源復(fù)制到用戶主機再傳入用戶自己的PC機上。FTP是一種文件傳輸協(xié)議，體現(xiàn)的是服務(wù)。提供服務(wù)的機器稱為FTP服務(wù)器，又稱FTP網(wǎng)站。這類網(wǎng)站有兩類：一類是訪問該服務(wù)器時必須擁有遠程計算機上的合法帳戶和口令且擁有相應(yīng)的訪問權(quán)限。另一類是匿名FTP，即這類FTP服務(wù)器允許沒有帳戶和口令的用戶仍然可以從遠程計算機上獲取文件，其目的是向公眾提供文件拷貝服務(wù)。在與“匿名”FTP服務(wù)器建立連接時，只在“用戶名”欄填入“anonymous”，在密碼欄填入用戶的E-mail地址作為口令完成注冊?！澳涿盕TP為廣大Internet用戶提供免費程序、文件、數(shù)據(jù)、新軟件的下載，這類FTP服務(wù)器有很大一部分。1.2.4FTP協(xié)議401.2.5IP協(xié)議Internet上的每一臺計算機都有一個惟一的地址，稱為IP地址，是識別網(wǎng)絡(luò)中的主機及網(wǎng)絡(luò)設(shè)備的惟一標(biāo)識。IP地址有統(tǒng)一的格式，它是由協(xié)議IP規(guī)定的。一個IP地址由4個字節(jié)組成為32位二進制。各字節(jié)間用句號分隔，反映在十進制上就是3位數(shù)一組，共4組。每一個IP地址都由兩部分組成：網(wǎng)絡(luò)ID（NetWorkID）和主機ID（HostID）。NetWorkID網(wǎng)絡(luò)標(biāo)識符，每個網(wǎng)絡(luò)區(qū)段都有一個網(wǎng)絡(luò)標(biāo)識。網(wǎng)絡(luò)標(biāo)識代表一個網(wǎng)絡(luò)。HostID主機標(biāo)識符，每個網(wǎng)絡(luò)區(qū)段中每臺計算機都被賦予一個主機標(biāo)識符。IP協(xié)議規(guī)定了五類IP地址A—E。其中A，B，C三類是基本的，它們由IP地址的高位來區(qū)分。A類IP地址共有27=128個，均分配給大型網(wǎng)絡(luò)使用。B類IP地址共有2１４=16384個，適用于中等規(guī)模的網(wǎng)絡(luò)。C類IP地址最多，有2２２≈419萬個，主要分配給小型網(wǎng)絡(luò)使用。1.2.5IP協(xié)議411.2.6統(tǒng)一資源定位器URL統(tǒng)一資源定位器URL（UniformResourceLocator）是用來確定用戶所需信息的確切位置。包括信息資源的名稱及地址。URL用來指定Internet資源要說明它位于哪臺計算機的哪個目錄中。URL通過定義資源位置的抽像標(biāo)識來定位網(wǎng)絡(luò)資源，格式如下：

訪問方法：//服務(wù)器域名[：端口]/目錄/文件名訪問方法說明如何訪問文檔，即來用什么協(xié)議或說是信息服務(wù)類型，可以是：HTTP、FTP、GoPher、WAIS、NEWS、TELNET、MAILTO。冒號和“//”后部分指示一個網(wǎng)絡(luò)主機的域名或IP地址，即文件所在的服務(wù)器。端口部分是可選項，一般情況下可省略。但在一些情況下指定端口是為了讓操作系統(tǒng)用來辯認特定信息服務(wù)的軟件端口，默認的是用與訪問關(guān)聯(lián)的端口，如HTTP默認的TCP端口是80。//目錄/文件名是指文檔在服務(wù)器中的目錄。目錄可包含子目錄，各級目錄之間用“/”分隔。1.2.6統(tǒng)一資源定位器URL統(tǒng)一資源定位器URL（U421.3超文本標(biāo)記語言HTMLHTML是HyperTextMarkupLanguage(超文本標(biāo)記語言)的縮寫。HTML語言是一種簡單、通用的標(biāo)記語言，又稱Web網(wǎng)頁描述語言。用HTML語言編制的文檔為HTML文檔，其文檔擴展名通常是.htm或.html。由Web瀏覽器來解釋并顯示在用戶瀏覽器窗口中的頁面是Web頁面。HTML的優(yōu)點：每一個HTML文檔占用空間小，易于傳送。HTML文檔是多平臺兼容，只需有HTML瀏覽器就可在任何平臺上閱讀網(wǎng)頁文件。HTML是標(biāo)記性語言，易學(xué)易懂。HTML文檔的建立只要有一個文本編輯軟件即可完成書寫。當(dāng)然專門的HTML編輯器生成HTML文檔會更便捷，不需去記憶一些格式命令，用點擊工具或菜單即可。

初學(xué)HTML應(yīng)注意：HTML文檔的編輯工具：HTML文檔是純文本文件，可用任何一個純文本編輯工具。文件名的命名規(guī)則：要區(qū)分大小寫；文件名中不能用空格和特殊字符。也盡量不要用漢字作文件名稱部分。編寫出的HTML文檔不是所見即所得，成功與否要通過瀏覽器查看效果。1.3超文本標(biāo)記語言HTMLHTML是HyperTe431.3.1HTML的基本語法(1)標(biāo)記是HTML語言的標(biāo)簽符號和用標(biāo)簽標(biāo)符號構(gòu)成的各種元素的統(tǒng)稱，用來界定各種單元，用一對〈〉中間包含若干字符命令表示，前一個“<>”為起始標(biāo)記，后一個“</>”為結(jié)束標(biāo)記，單元的名稱和屬性由起始標(biāo)記給出。1.〈HTML〉標(biāo)記（最外層的標(biāo)記）

語法規(guī)則：〈HTML〉……〈/HTML〉屬性：VERSION=String2.〈HEAD〉標(biāo)記（用來標(biāo)記HTML文檔的頁首）

語法規(guī)則為：〈HEAD〉……〈/HEAD〉屬性：None(無)3.〈TITLE〉標(biāo)記（設(shè)置網(wǎng)頁標(biāo)題）

語法規(guī)則：〈TITLE〉……〈/TITLE〉屬性：None（無）4.〈BODY〉標(biāo)記（標(biāo)注HTML文檔的正文）語法規(guī)則：〈BODY〉……〈/BODY〉

屬性：BACKGROUND=URL；指定用于網(wǎng)頁背景圖片文件的地址BGCOLOR=#RRGGBB；指定背景色彩TEXT=#RRGGBB；指定非可鏈接文字的色彩LINK=#RRGGBB；指定可鏈接文字的色彩ALINK=#RRGGBB；指定正被鼠標(biāo)點擊的可鏈接文字的色彩VLINK=#RRGGBB；指定已被鼠標(biāo)點擊（訪問）過的可鏈接文字的色彩說明：#RRGGBB是指色彩紅—綠—藍（red—green—blue，RGB）的值，用16進制數(shù)碼表示：0，1，2，3，4，5，6，7，8，9，a，b，c，d，e，f,根據(jù)規(guī)范前面需加“#”。1.3.1HTML的基本語法(1)標(biāo)記是HTML語言的441.3.1HTML的基本語法(2)5.〈Hn〉標(biāo)記(標(biāo)注文檔正文的各級標(biāo)題

)語法規(guī)則：〈Hn〉……〈/Hn〉屬性：ALIGN=left|right|center|justify說明：〈Hn〉標(biāo)記中的n表示標(biāo)題的級別，值范圍1—6。ALIGN用來控制標(biāo)題文字的水平對齊方式，“|”標(biāo)識相互排斥的屬性值。6.〈P〉標(biāo)記(顯示段落標(biāo)記)

語法規(guī)則為：〈P〉……[〈/P〉]屬性：ALIGN=left|center|right說明：起始標(biāo)記〈P〉必選，結(jié)束標(biāo)記〈/P〉可選。若需強制換行，可用〈BR〉標(biāo)記強制插入一個換行動作。Web瀏覽器會將文字中的多個空白字符（如空格、制表符）當(dāng)作一個空格處理。若需在文字間插入多個空格，可使用SGML字符實體“ ”。各 之間用分號“；”間隔。1.3.1HTML的基本語法(2)5.〈Hn〉標(biāo)記(標(biāo)451.3.1HTML的基本語法(3)7.〈BR〉標(biāo)記(強制換行標(biāo)記)

語法規(guī)則：〈BR〉屬性：CLEAR=left|all|right|none

說明：<BR〉僅是換行，并不像〈P〉那樣還要在隨后的文本前插入一個空行。CLEAR是可選屬性:Left：標(biāo)記后的文本換行至瀏覽器窗口左邊界不被圖像占用的地方顯示。Right：標(biāo)記后的文本換行至瀏覽器窗口右邊界不被圖像占用的地方顯示。All：標(biāo)記后的文本在瀏覽器窗口的左右邊界均不被圖像占用的地方顯示。None：缺省值，僅換行而已。8.〈PRE〉標(biāo)記(預(yù)格式化文本標(biāo)記)

語法規(guī)則：〈PRE〉……〈/PRE〉屬性：WIDTH=n

說明：〈PRE〉和〈/PRE〉之間是預(yù)先排好的文本內(nèi)容。瀏覽器按等間距（或等寬）字體顯示用戶預(yù)先已排好的格式文本。該標(biāo)記之間某些使用自動換行標(biāo)記、改變字體大小標(biāo)記和圖像。WIDTH為可選項，n表示文本一行的字符數(shù)。1.3.1HTML的基本語法(3)7.〈BR〉標(biāo)記(強461.3.2HTML文檔的基本結(jié)構(gòu)一個HTML文檔是由標(biāo)記和文本內(nèi)容組成?！碒TML>〈HEAD〉〈TITLE〉┋〈/TITLE〉〈/HEAD>〈BODY〉┋〈/BODY〉〈/HTML〉1.3.2HTML文檔的基本結(jié)構(gòu)一個HTML文檔是由標(biāo)471.3.3編寫簡單HTML文件

<HTMLVERSION="-//W3C/DTD.HTML4.0Final//EN"><HEAD><TITLE>簡單HTML文件的編寫教程</TITLE></HEAD><BODYbgcolor="#00FFFF"TEXT="#FF0000"><H1ALIGN=left>Web程序設(shè)計基礎(chǔ)教程</H1><H2ALIGN=left>第1章  Web程序設(shè)計基礎(chǔ)</H2><P>本章主要介紹Web程序設(shè)計必需的基礎(chǔ)知識和相關(guān)概念。</P><H3>1.1 Web概述</H3><PRE>1.1.1什么是Web1.1.2Web的工作方式1.1.3Web頁面的特點1.1.4Web頁面的功能</PRE><H3>1.2 Internet概述</H3>Internet,中國的權(quán)威機構(gòu)把它譯作“國際互聯(lián)網(wǎng)絡(luò)”。<BR><H4>1.2.1 TCP/IP協(xié)議</H4>TCP/IP是傳輸控制協(xié)議/網(wǎng)間協(xié)議，英文全稱是<BR>TransmissionControlProtocol/InternetProtocol。</BODY></HTML>1.3.3編寫簡單HTML文件<HTMLVERSI481.4樣式表CSSCSS是CascadingStyleSheet（層疊樣式表）的英文縮寫。CSS的主要功能是通過對選擇符進行設(shè)定，實現(xiàn)對網(wǎng)頁中的字體、顏色、背景、圖像以及其它各種元素的統(tǒng)一控制，以克服諸多不同設(shè)計者的網(wǎng)頁作品在一個網(wǎng)站中得不到統(tǒng)一的困難。設(shè)計者可以只通過對一個CSS格式的文件進行編排或修改，就可以設(shè)定一個甚至多個網(wǎng)頁頁面的外觀格式，提高了網(wǎng)頁設(shè)計的效率，同時也克服了HTML在表現(xiàn)形式上的局限性。CSS有兩個不同層次的標(biāo)準：CSS1和CSS2。CSS的功能特點表現(xiàn)了它技術(shù)上的優(yōu)勢，可從如下幾點體現(xiàn)：（１）使得修改網(wǎng)頁元素的格式變得容易，網(wǎng)頁的更新變得輕松。（２）由于對網(wǎng)頁特殊視覺效果的書寫變得代碼短少，減少網(wǎng)頁中使用圖片的數(shù)量，提高了下載速度，增強了顯示效率。（３）CSS的強大定位技術(shù)，使網(wǎng)頁布局簡單化。（４）由于CSS是W3C制定的標(biāo)準，具有良好的適應(yīng)性，從而得到廣泛使用。1.4樣式表CSSCSS是CascadingStyl491.4.1樣式表CSS的基本語法一．CSS最基本的語法為：Selector{Property：值}也可以用如下的形式表示：目標(biāo)名稱1，目標(biāo)名稱2......{屬性1：屬性值；屬性2：屬性值；……屬性n：屬性值；}二．樣式引用1．建立樣式表2．樣式表的引用方式（1）鏈接到一個外部樣式表（2）嵌入樣式表（3）內(nèi)聯(lián)樣式表1.4.1樣式表CSS的基本語法一．CSS最基本的語501.4.2樣式表的繼承和作用樣式表的繼承表示在前一個標(biāo)記中進行了樣式的定義，這個被定義的樣式可以在后繼的標(biāo)記中被引用。１．樣式表的繼承２．樣式表的作用優(yōu)先級內(nèi)聯(lián)樣式中所定義的樣式優(yōu)先級最高；其他樣式表按其在HTML文件中出現(xiàn)或被引用的選擇順序越后出現(xiàn)，優(yōu)先級越高；選擇符的作用優(yōu)先級順序是：上下文選擇符、類選擇符、id選擇符。未有任何文件中定義的樣式，遵循瀏覽器的默認樣式。1.4.2樣式表的繼承和作用樣式表的繼承表示在前511.4.3CSS的屬性（1）

1．字體屬性font-family、font-size、font-style、font-variant、font-weight２．顏色和背景屬性color、background-color、background-image、background-repeat、background-attachment、background-position、background4．文本屬性letter-spacing、text-decoration、text-transform、text-align、vertical-align、text-indent、line-height

５．列表屬性list-style-type、list-style-image、list-style-position

1.4.3CSS的屬性（1）1．字體屬性521.4.3CSS的屬性（2）６．定位屬性3種定位屬性分別是絕對(absolute)、相對(relative)和靜態(tài)(static)。定位屬性基于用上邊和左邊來指定的從起點開始的距離這一假設(shè)：

Top、Left

７．CSS中的邊界屬性border-color、border-style、border-width、Margin、Padding

8．CSS中的分類屬性分類屬性允許您將元素分類成集類別。類名之前要加句點。1.4.3CSS的屬性（2）６．定位屬性531.4.4應(yīng)用CSS的一個實例(1)1.主文件

<HTML><HEAD><title>CSS綜合應(yīng)用示例</title><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><linkrel=stylesheettype="text/css"href="例1-9.css"〉</head><BODY><STYLEtype="text/css"><!--{background-image:url(J169.JPG)}--></STYLE><H3>這是一個CSS樣式文件的綜合示例！</H3><P>在這一例題中，樣式的引用采用LINK鏈接到一個外部CSS樣式表。<br>在顯示原樣詩歌后，又可在藍色文字處點擊鼠標(biāo)，<br>超鏈接另一個HTML文檔顯示出一個表格。</P><PRE>鄉(xiāng)愁—--余光中小時候鄉(xiāng)愁是一枚小小的郵票我在這頭母親在那頭長大后鄉(xiāng)愁是一張窄窄的船票我在這頭新娘在那頭

后來啊..．</PRE><ahref="例1-10.html">超鏈接到例1-10.HTML文檔顯示一個表格</a><br><br></BODY></HTML>1.4.4應(yīng)用CSS的一個實例(1)1.主文件<541.4.4應(yīng)用CSS的一個實例(2)2.CSS樣式表例1-9.CSS內(nèi)容如下：H3{font-family:"隸書";color:"#FFFFFF"}P{color:Aqua;background-color:"#FF0000";font-size:9pt;}3.用<Ahref=“要鏈接網(wǎng)頁（或文件）的URL”>鏈接的文件例1-10.HTML內(nèi)容如下：<HTML><HEAD><TITLE>指定背景圖片</TITLE><STYLEtype="text/css"><!--BODY{background-image:url(image1.jpg)}P{font-family:"隸書";font-size:12pt}--></STYLE></HEAD>1.4.4應(yīng)用CSS的一個實例(2)2.CSS樣式551.4.4應(yīng)用CSS的一個實例(3)<BODYbgcolor="#FFFFFF"<H2>指定該網(wǎng)頁背景圖片和創(chuàng)建表格</H2><P>設(shè)定整個表格（TABLE)指定表格的框線粗細（BORDER)、表行(TR)<BR>、存放表頭的單元格（TH)、存放數(shù)據(jù)的單元格（TD)等。</P><TABLEborder="4"><TR><TH>姓名</TH><TH>性別</TH><TH>年齡</TH><TH>籍貫</TH><TH>文化程度</TH><TH>畢業(yè)學(xué)校</TH><TH>專業(yè)</TH><TH>聯(lián)系電話</TH></TR><TR><TD>陳勇剛</TD><TD>男</TD><TD>22</TD><TD>山東</TD><TD>大專</TD><TD>濟南師專</TD><TD>美術(shù)</TD><TD>lt;/TD</TR><TR><TD>王英</TD><TD>女</TD><TD>23</TD><TD>青島</TD><TD>本科</TD><TD>青島大學(xué)</TD><TD>國際貿(mào)易</TD><TD>lt;/TD></TR></TABLE></BODY></HTML>1.4.4應(yīng)用CSS的一個實例(3)<BODYbgc561.4.4應(yīng)用CSS實例

——結(jié)果1.4.4應(yīng)用CSS實例

——結(jié)果571.5可擴展標(biāo)記語言XMLXML英文全稱為eXtensibleMarkupLanguage，意即“可擴展標(biāo)記語言”，是用于標(biāo)記電子文檔使其具有結(jié)構(gòu)性的標(biāo)記語言。XML是SGML（StandardGeneralizedMarkupLanguage，標(biāo)準通用標(biāo)記語言）的一個子集，是一個精簡的SGML，它將SGML的豐富功能與HTML的簡單易學(xué)易用性有機地結(jié)合到Web的應(yīng)用中。XML文檔可用中文描述Web頁面信息元素標(biāo)記。