HTML基礎(chǔ)演示

1、1SGML、XML、HTML、XHTML1.標(biāo)記語(yǔ)言標(biāo)記語(yǔ)言(Makeup Language) 日常書寫的語(yǔ)言，被稱為書面自然語(yǔ)言。日常書寫的語(yǔ)言，被稱為書面自然語(yǔ)言。如果在自然語(yǔ)言中為了標(biāo)識(shí)某些信息，定義如果在自然語(yǔ)言中為了標(biāo)識(shí)某些信息，定義一套助意的標(biāo)記，然后將這套標(biāo)記添加到書一套助意的標(biāo)記，然后將這套標(biāo)記添加到書面語(yǔ)言中去，使書面語(yǔ)言變成標(biāo)記語(yǔ)言。面語(yǔ)言中去，使書面語(yǔ)言變成標(biāo)記語(yǔ)言。 什么是標(biāo)記語(yǔ)言？什么是標(biāo)記語(yǔ)言？ 我們?nèi)粘鴮懙恼Z(yǔ)言，被稱為書面我們?nèi)粘鴮懙恼Z(yǔ)言，被稱為書面自然語(yǔ)言。自然語(yǔ)言。 2SGML、XML、HTML、XHTML2. SGML Standard Generali

2、zed Markup Language-標(biāo)準(zhǔn)的通用標(biāo)記語(yǔ)言標(biāo)準(zhǔn)的通用標(biāo)記語(yǔ)言 是一種標(biāo)記語(yǔ)言，實(shí)際上它是一種通用的文是一種標(biāo)記語(yǔ)言，實(shí)際上它是一種通用的文檔結(jié)構(gòu)描述標(biāo)記語(yǔ)言，主要用來(lái)定義文獻(xiàn)模型檔結(jié)構(gòu)描述標(biāo)記語(yǔ)言，主要用來(lái)定義文獻(xiàn)模型的邏輯和物理類結(jié)構(gòu)。的邏輯和物理類結(jié)構(gòu)。 SGML是是ISO組織于組織于1986年發(fā)布的年發(fā)布的ISO 8879國(guó)際標(biāo)準(zhǔn)。國(guó)際標(biāo)準(zhǔn)。3SGML、XML、HTML、XHTML2. SGML(續(xù)續(xù)) 一個(gè)一個(gè)SGML語(yǔ)言程序，要由三部分組成，即語(yǔ)語(yǔ)言程序，要由三部分組成，即語(yǔ)法定義、文件類型定義法定義、文件類型定義(簡(jiǎn)稱簡(jiǎn)稱DTD-Definition Type Do

3、cument)和文件實(shí)例。和文件實(shí)例。語(yǔ)法定義語(yǔ)法定義:定義了文件類型定義和文件實(shí)例的語(yǔ)法定義了文件類型定義和文件實(shí)例的語(yǔ)法結(jié)構(gòu)結(jié)構(gòu)文件類型定義文件類型定義:定義了文件實(shí)例的結(jié)構(gòu)和組成結(jié)構(gòu)定義了文件實(shí)例的結(jié)構(gòu)和組成結(jié)構(gòu)的元素類型。的元素類型。文件實(shí)例文件實(shí)例:SGML語(yǔ)言程序的主體部分。語(yǔ)言程序的主體部分。4SGML、XML、HTML、XHTML2. SGML(續(xù)續(xù))SGML的實(shí)際使用中，每一個(gè)特定的的實(shí)際使用中，每一個(gè)特定的DTD都定都定義了一類文件。例如，所有的新聞稿件都可以使用義了一類文件。例如，所有的新聞稿件都可以使用同一個(gè)同一個(gè)DTD。因此，人們習(xí)慣上把具有某一特定。因此，人們習(xí)慣上

4、把具有某一特定DTD的的SGML語(yǔ)言，稱為某某標(biāo)記語(yǔ)言。例如用于語(yǔ)言，稱為某某標(biāo)記語(yǔ)言。例如用于國(guó)際互聯(lián)網(wǎng)的國(guó)際互聯(lián)網(wǎng)的HTML語(yǔ)言。這樣語(yǔ)言。這樣SGML就成為那些就成為那些派生語(yǔ)言的元語(yǔ)言。派生語(yǔ)言的元語(yǔ)言。 5SGML、XML、HTML、XHTML3. XML eXtensible Markup Language-可擴(kuò)展的可擴(kuò)展的標(biāo)記語(yǔ)言標(biāo)記語(yǔ)言 是是W3C組織于組織于1998年年2月發(fā)布的標(biāo)準(zhǔn)。制定月發(fā)布的標(biāo)準(zhǔn)。制定XML標(biāo)準(zhǔn)的初衷是，定義一種互聯(lián)網(wǎng)上交換數(shù)標(biāo)準(zhǔn)的初衷是，定義一種互聯(lián)網(wǎng)上交換數(shù)據(jù)的標(biāo)準(zhǔn)。據(jù)的標(biāo)準(zhǔn)。W3C采取了簡(jiǎn)化采取了簡(jiǎn)化SGML的策略，在的策略，在SGML基礎(chǔ)上，去掉

5、語(yǔ)法定義部分，適當(dāng)簡(jiǎn)化基礎(chǔ)上，去掉語(yǔ)法定義部分，適當(dāng)簡(jiǎn)化DTD部分，并增加了部分互聯(lián)網(wǎng)的特殊成分。部分，并增加了部分互聯(lián)網(wǎng)的特殊成分。因此，因此，XML也是一種標(biāo)記語(yǔ)言，基本上是也是一種標(biāo)記語(yǔ)言，基本上是SGML的一個(gè)子集。因?yàn)榈囊粋€(gè)子集。因?yàn)閄ML也有也有DTD，所以，所以XML也可以作為派生其它標(biāo)記語(yǔ)言的也可以作為派生其它標(biāo)記語(yǔ)言的元語(yǔ)言元語(yǔ)言。 6SGML、XML、HTML、XHTML4. HTML HyperText Markup Language-超文本標(biāo)記語(yǔ)言。超文本標(biāo)記語(yǔ)言。 是是SGML的一個(gè)的一個(gè)實(shí)例實(shí)例，專門為在互聯(lián)網(wǎng)上發(fā)布信，專門為在互聯(lián)網(wǎng)上發(fā)布信息而設(shè)計(jì)的標(biāo)記語(yǔ)言。息而

6、設(shè)計(jì)的標(biāo)記語(yǔ)言。 其文本是由其文本是由HTML命令組成的描述性文本，命令組成的描述性文本，HTML命令可以說(shuō)明文字、圖形、動(dòng)畫、聲音、表格、鏈命令可以說(shuō)明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。接等。 另外，另外，HTML是網(wǎng)絡(luò)的通用語(yǔ)言是網(wǎng)絡(luò)的通用語(yǔ)言, 它允許網(wǎng)頁(yè)制作它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面，這些頁(yè)面可人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面，這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到，無(wú)論使用的是什么類以被網(wǎng)上任何其他人瀏覽到，無(wú)論使用的是什么類型的電腦或?yàn)g覽器。型的電腦或?yàn)g覽器。7SGML、XML、HTML、XHTML5. XML、SGML、HTML之間的關(guān)系之間的關(guān)系 HTML是

7、是SGML的一個(gè)的一個(gè)實(shí)例實(shí)例，它的，它的DTD作為標(biāo)準(zhǔn)作為標(biāo)準(zhǔn)被被固定固定下來(lái)，因此，下來(lái)，因此，HTML不能作為定義其它標(biāo)記不能作為定義其它標(biāo)記語(yǔ)言的元語(yǔ)言。語(yǔ)言的元語(yǔ)言。 XML是是SGML的一個(gè)的一個(gè)子集子集，嚴(yán)格地講，嚴(yán)格地講，XML也還也還是是SGML。與。與HTML不同的是，不同的是，XML有有DTD，因而，因而也可以象也可以象SGML那樣，作為元語(yǔ)言，來(lái)定義其它文那樣，作為元語(yǔ)言，來(lái)定義其它文件系統(tǒng)，或稱其它標(biāo)記語(yǔ)言。如果把標(biāo)記語(yǔ)言分為件系統(tǒng)，或稱其它標(biāo)記語(yǔ)言。如果把標(biāo)記語(yǔ)言分為元標(biāo)記語(yǔ)言和實(shí)例標(biāo)記語(yǔ)言的話，元標(biāo)記語(yǔ)言和實(shí)例標(biāo)記語(yǔ)言的話，SGML和和XML都都是元標(biāo)記語(yǔ)言，而是

8、元標(biāo)記語(yǔ)言，而HTML和由和由XML派生的派生的XHTML都都是實(shí)例標(biāo)記語(yǔ)言。是實(shí)例標(biāo)記語(yǔ)言。8SGML、XML、HTML、XHTML6. XHTML The Extensible HyperText Markup Language-可擴(kuò)展標(biāo)識(shí)語(yǔ)言可擴(kuò)展標(biāo)識(shí)語(yǔ)言 XHTML是當(dāng)前是當(dāng)前HTML版的繼承者。版的繼承者。HTML語(yǔ)語(yǔ)法要求比較法要求比較松散松散，這樣對(duì)網(wǎng)頁(yè)編寫者來(lái)說(shuō)，比，這樣對(duì)網(wǎng)頁(yè)編寫者來(lái)說(shuō)，比較方便，但對(duì)于機(jī)器來(lái)說(shuō)，語(yǔ)言的較方便，但對(duì)于機(jī)器來(lái)說(shuō)，語(yǔ)言的(語(yǔ)法語(yǔ)法)越松越松散，處理起來(lái)就越困難，對(duì)于傳統(tǒng)的計(jì)算機(jī)來(lái)散，處理起來(lái)就越困難，對(duì)于傳統(tǒng)的計(jì)算機(jī)來(lái)說(shuō)，還有能力兼容松散語(yǔ)法，但對(duì)

9、于許多其他說(shuō)，還有能力兼容松散語(yǔ)法，但對(duì)于許多其他設(shè)備，比如手機(jī)，難度就比較大。因此產(chǎn)生了設(shè)備，比如手機(jī)，難度就比較大。因此產(chǎn)生了由由DTD定義規(guī)則，語(yǔ)法要求更加嚴(yán)格的定義規(guī)則，語(yǔ)法要求更加嚴(yán)格的XHTML。建立的目的建立的目的：就是實(shí)現(xiàn)：就是實(shí)現(xiàn)HTML向向XML的過(guò)渡。的過(guò)渡。9SGML、XML、HTML、XHTML7. XML、SGML、HTML、XHTML之間的關(guān)系之間的關(guān)系GML(1969)SGML(1986)XML(1998)HTML(1995)XHTMLSVGSMILHDMLOEB通用置標(biāo)語(yǔ)言通用置標(biāo)語(yǔ)言標(biāo)準(zhǔn)通用置標(biāo)語(yǔ)言標(biāo)準(zhǔn)通用置標(biāo)語(yǔ)言可擴(kuò)展置標(biāo)語(yǔ)言可擴(kuò)展置標(biāo)語(yǔ)言超文本置標(biāo)語(yǔ)言超

10、文本置標(biāo)語(yǔ)言可擴(kuò)展超文可擴(kuò)展超文本置標(biāo)語(yǔ)言本置標(biāo)語(yǔ)言可縮放矢量可縮放矢量圖形語(yǔ)言圖形語(yǔ)言同步多媒體同步多媒體綜合語(yǔ)言綜合語(yǔ)言手持設(shè)備手持設(shè)備置標(biāo)語(yǔ)言置標(biāo)語(yǔ)言開放電子開放電子結(jié)構(gòu)規(guī)范結(jié)構(gòu)規(guī)范10HTML語(yǔ)言1. HTML歷史歷史lHTML 2.0:1995.11發(fā)布，發(fā)布，2000年年6月宣布已經(jīng)過(guò)時(shí)月宣布已經(jīng)過(guò)時(shí)lHTML 3.2:1996.1.14， W3C推薦標(biāo)準(zhǔn)推薦標(biāo)準(zhǔn)lHTML 4.0:1997.12.18， W3C推薦標(biāo)準(zhǔn)推薦標(biāo)準(zhǔn)lHTML 4.01:1999.12.24，W3C推薦標(biāo)準(zhǔn)推薦標(biāo)準(zhǔn)lHTML 5 :2008.1.22 ，W3C推薦標(biāo)準(zhǔn)推薦標(biāo)準(zhǔn)lXHTML 1.0:200

11、0.1.26， W3C推薦標(biāo)準(zhǔn)推薦標(biāo)準(zhǔn) 2002.8.1，修訂，修訂l1.1:2001.5.31發(fā)布發(fā)布XHTML lXHTML 2.0:W3C工作草案，未發(fā)布工作草案，未發(fā)布 HTML3.0開始加入很多新的特性，例如表格、文。開始加入很多新的特性，例如表格、文。字繞排和復(fù)雜數(shù)學(xué)元素的顯示，字繞排和復(fù)雜數(shù)學(xué)元素的顯示，HTML4加入了支持多加入了支持多國(guó)語(yǔ)言文字、聲音等國(guó)語(yǔ)言文字、聲音等11HTML語(yǔ)言2.結(jié)構(gòu)：結(jié)構(gòu)： HTML的結(jié)構(gòu)包括的結(jié)構(gòu)包括頭部頭部（Head）、）、主體主體（Body）兩大部分。）兩大部分。頭部：描述瀏覽器所需的信息；頭部：描述瀏覽器所需的信息；主體：則包含所要說(shuō)明的具

12、體內(nèi)容。主體：則包含所要說(shuō)明的具體內(nèi)容。12HTML語(yǔ)言 網(wǎng)頁(yè)制作教學(xué)網(wǎng)頁(yè)制作教學(xué) BODY之間則為主要語(yǔ)法所在，也是網(wǎng)頁(yè)之間則為主要語(yǔ)法所在，也是網(wǎng)頁(yè)的主要呈現(xiàn)部分。的主要呈現(xiàn)部分。13HTML語(yǔ)言3.組成：元素、屬性、事件組成：元素、屬性、事件 網(wǎng)頁(yè)制作教學(xué)網(wǎng)頁(yè)制作教學(xué) BODY之間則為主要語(yǔ)法所在，也是網(wǎng)頁(yè)的主要呈現(xiàn)部分。之間則為主要語(yǔ)法所在，也是網(wǎng)頁(yè)的主要呈現(xiàn)部分。 14HTML語(yǔ)言3.1 元素元素(Element)：l元素用來(lái)標(biāo)記文本，表示文本的內(nèi)容。比如元素用來(lái)標(biāo)記文本，表示文本的內(nèi)容。比如 body, p, title就是就是HTML元素。元素。 l元素用元素用Tag表示，表示，

13、Tag以以結(jié)束。結(jié)束。 lTag通常是成對(duì)出現(xiàn)的，比如通常是成對(duì)出現(xiàn)的，比如。起始的叫做。起始的叫做Opening Tag，結(jié)尾的就叫做結(jié)尾的就叫做Closing Tag。 l目前目前HTML的的Tag不區(qū)分大小寫的。比如不區(qū)分大小寫的。比如和和其實(shí)是相同的。其實(shí)是相同的。15HTML語(yǔ)言3.1 元素元素(續(xù)續(xù))：16HTML語(yǔ)言3.2 屬性：屬性：l屬性可以擴(kuò)展屬性可以擴(kuò)展HTML元素的能力。元素的能力。l使用一個(gè)使用一個(gè)bgcolor屬性，使得頁(yè)面背景色成為紅色，如：屬性，使得頁(yè)面背景色成為紅色，如： 再如，你可以使用再如，你可以使用border這個(gè)這個(gè)屬性，將一個(gè)表格設(shè)成一個(gè)無(wú)邊框的表格

14、。如：屬性，將一個(gè)表格設(shè)成一個(gè)無(wú)邊框的表格。如： l屬性通常由屬性名和值成對(duì)出現(xiàn)，如：屬性通常由屬性名和值成對(duì)出現(xiàn)，如：name=value。上面例子中的上面例子中的bgcolor, border就是就是name，red和和0就是就是value。屬性值一般用。屬性值一般用雙引號(hào)雙引號(hào)標(biāo)記起來(lái)。標(biāo)記起來(lái)。l屬性通常是附加給屬性通常是附加給HTML的的Opening Tag，而不是，而不是Closing Tag。17HTML語(yǔ)言3.2 屬性屬性(續(xù)續(xù)) ：如如body有如下屬性：有如下屬性：見(jiàn)見(jiàn)HTMLREF.CHM文件文件18HTML語(yǔ)言3.3 事件：事件： 每個(gè)元素可以識(shí)別和響應(yīng)某些操作行為，

15、這每個(gè)元素可以識(shí)別和響應(yīng)某些操作行為，這些操作行為稱為些操作行為稱為事件事件。19HTML元素1. 擴(kuò)展標(biāo)記擴(kuò)展標(biāo)記(META)： META可用來(lái)可用來(lái)描述一個(gè)描述一個(gè)HTML網(wǎng)頁(yè)文檔的屬性網(wǎng)頁(yè)文檔的屬性，例如作者、日期和時(shí)間、網(wǎng)頁(yè)描述、關(guān)鍵詞、頁(yè)面例如作者、日期和時(shí)間、網(wǎng)頁(yè)描述、關(guān)鍵詞、頁(yè)面刷新等。刷新等。 格式如下：格式如下：20HTML元素1.1 HTTP-EQUIV： HTTP-EQUIV類似于類似于HTTP的頭部協(xié)議，它的頭部協(xié)議，它回應(yīng)給瀏覽器一些有用的信息，以正確和精確回應(yīng)給瀏覽器一些有用的信息，以正確和精確地顯示網(wǎng)頁(yè)內(nèi)容。常用類型有地顯示網(wǎng)頁(yè)內(nèi)容。常用類型有:l Content

16、-Type和和Content-Language(顯示字顯示字符集的設(shè)定符集的設(shè)定):21HTML元素1.1 HTTP-EQUIV：l Refresh (刷新刷新)讓網(wǎng)頁(yè)多長(zhǎng)久（秒）刷新，或在多久后讓讓網(wǎng)頁(yè)多長(zhǎng)久（秒）刷新，或在多久后讓網(wǎng)頁(yè)自動(dòng)鏈接到其它網(wǎng)頁(yè)。網(wǎng)頁(yè)自動(dòng)鏈接到其它網(wǎng)頁(yè)。 注意：其中的注意：其中的5是指停留是指停留5秒鐘后自動(dòng)刷新到秒鐘后自動(dòng)刷新到URL網(wǎng)址網(wǎng)址22HTML元素1.1 HTTP-EQUIV：l Expires (期限期限) 指定網(wǎng)頁(yè)在緩存中的過(guò)期時(shí)間，一旦網(wǎng)頁(yè)指定網(wǎng)頁(yè)在緩存中的過(guò)期時(shí)間，一旦網(wǎng)頁(yè)過(guò)期，必須到服務(wù)器上重新加載。過(guò)期，必須到服務(wù)器上重新加載。 注意：必須使

17、用注意：必須使用GMT的時(shí)間格式，或直接設(shè)的時(shí)間格式，或直接設(shè)為為0(數(shù)字表示多少時(shí)間后過(guò)期數(shù)字表示多少時(shí)間后過(guò)期)。23HTML元素1.1 HTTP-EQUIV：l Pragma (cach模式模式) 禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁(yè)面內(nèi)容。禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁(yè)面內(nèi)容。 注意：網(wǎng)頁(yè)不保存在緩存中，每次訪問(wèn)都必注意：網(wǎng)頁(yè)不保存在緩存中，每次訪問(wèn)都必須刷新頁(yè)面。這樣設(shè)定，訪問(wèn)者將無(wú)法脫機(jī)瀏須刷新頁(yè)面。這樣設(shè)定，訪問(wèn)者將無(wú)法脫機(jī)瀏覽（安全性）。覽（安全性）。24HTML元素1.1 HTTP-EQUIV：l Page-Enter (進(jìn)入進(jìn)入) 從其他頁(yè)面載入該頁(yè)面時(shí)的一些特效。從其他頁(yè)面

18、載入該頁(yè)面時(shí)的一些特效。 注意：注意：blendTrans，RevealTrans是動(dòng)態(tài)濾是動(dòng)態(tài)濾鏡的一種，產(chǎn)生漸隱效果。鏡的一種，產(chǎn)生漸隱效果。25HTML元素1.1 HTTP-EQUIV：l Page-Exit (退出退出) 從該頁(yè)面轉(zhuǎn)到其他頁(yè)面時(shí)的特效。從該頁(yè)面轉(zhuǎn)到其他頁(yè)面時(shí)的特效。 注意：注意：Duration表示濾鏡特效的持續(xù)時(shí)間表示濾鏡特效的持續(xù)時(shí)間(秒秒) Transition濾鏡類型，取值為濾鏡類型，取值為0-23。26HTML元素1.2 NAME： name是描述網(wǎng)頁(yè)的，對(duì)應(yīng)于網(wǎng)頁(yè)內(nèi)容，以便是描述網(wǎng)頁(yè)的，對(duì)應(yīng)于網(wǎng)頁(yè)內(nèi)容，以便于搜索引擎查找、分類。于搜索引擎查找、分類。 nam

19、e的的value值（值（name=）指定所提供信）指定所提供信息的類型。有些值是已經(jīng)定義好的。例如息的類型。有些值是已經(jīng)定義好的。例如description(說(shuō)明說(shuō)明)、keywords(關(guān)鍵字關(guān)鍵字)、refresh(刷新刷新)等。還可以指定其他任意值，如：等。還可以指定其他任意值，如：creationdate(創(chuàng)建日期創(chuàng)建日期) 、document ID(文檔文檔編號(hào)編號(hào))和和level(等級(jí)等級(jí))等。等。27HTML元素1.2 NAME：l Keywords (關(guān)鍵字關(guān)鍵字) 為搜索引擎提供的關(guān)鍵字列表。為搜索引擎提供的關(guān)鍵字列表。28HTML元素1.2 NAME：l Descripti

20、on (簡(jiǎn)介簡(jiǎn)介) Description用來(lái)告訴搜索引擎你的網(wǎng)站主用來(lái)告訴搜索引擎你的網(wǎng)站主要內(nèi)容。要內(nèi)容。 lAuthor (作者作者)lCopyright (版權(quán)版權(quán))lGenerator (編輯器編輯器)29HTML元素1.3 META元素總結(jié)1：屬性屬性:Http-equiv屬性屬性:ContentContent-Typetext/html;Charset=字符集字符集Content-Language zh-CNRefresh5; Url=地址地址Expires0/GMT時(shí)間時(shí)間Pragmano-cachPage-EnterblendTrans(Duration=秒秒)revealT

21、rans(duration=秒秒, transition=轉(zhuǎn)場(chǎng)效果編號(hào)轉(zhuǎn)場(chǎng)效果編號(hào))Page-Eixt30HTML元素1.3 META元素總結(jié)2：屬性屬性:name屬性屬性:ContentKeywords該頁(yè)面的關(guān)鍵字該頁(yè)面的關(guān)鍵字description該頁(yè)面的描述信息該頁(yè)面的描述信息creationdate該頁(yè)面的創(chuàng)建時(shí)間該頁(yè)面的創(chuàng)建時(shí)間document ID該頁(yè)面的文檔編號(hào)該頁(yè)面的文檔編號(hào)level該頁(yè)面的等級(jí)該頁(yè)面的等級(jí)Author該頁(yè)面的作者該頁(yè)面的作者Copyright該頁(yè)面的版權(quán)該頁(yè)面的版權(quán)Generator該頁(yè)面的編輯器該頁(yè)面的編輯器31HTML元素2. 文件標(biāo)記：文件標(biāo)記：HT

22、ML: 整份文件處于標(biāo)記整份文件處于標(biāo)記與與之間。之間。 HEAD: 開頭，包含開頭，包含TITLE，META，LINK，STYLETITLE: 只可出現(xiàn)于只可出現(xiàn)于HEAD部分，表示頁(yè)面標(biāo)題部分，表示頁(yè)面標(biāo)題BODY: 包含所要說(shuō)明的具體內(nèi)容包含所要說(shuō)明的具體內(nèi)容注注:元素、屬性、事件的查閱方法元素、屬性、事件的查閱方法32HTML元素2.1 BODY參數(shù)設(shè)定：參數(shù)設(shè)定：色彩：色彩：FF0000 00FF00 0000FFFFFFFF 000000設(shè)定顏色設(shè)定顏色(EditPlus,名稱見(jiàn)名稱見(jiàn)chm文件文件)text:文字顏色文字顏色 bgcolor:背景色背景色33HTML元素2.1 B

23、ODY參數(shù)設(shè)定參數(shù)設(shè)定(續(xù)續(xù))：background:設(shè)定背景墻紙?jiān)O(shè)定背景墻紙leftmargin/topmargin:設(shè)定內(nèi)容的左設(shè)定內(nèi)容的左/上邊距上邊距bgproperties：fixed:固定背景墻紙，當(dāng)卷動(dòng)文固定背景墻紙，當(dāng)卷動(dòng)文字時(shí)墻紙不會(huì)跟著卷動(dòng)；字時(shí)墻紙不會(huì)跟著卷動(dòng)；:可以卷動(dòng)可以卷動(dòng)scroll:是否有滾動(dòng)條是否有滾動(dòng)條34HTML元素3. 圖形標(biāo)記圖形標(biāo)記(IMG)：AAAAsrc:圖片來(lái)源圖片來(lái)源(帶目錄設(shè)置帶目錄設(shè)置)width、height:設(shè)定圖片大小設(shè)定圖片大小(寬度、高度寬度、高度) hspace、vspace:設(shè)定圖片邊沿空白，以免文設(shè)定圖片邊沿空白，以免文字

24、或其它圖片過(guò)于貼近字或其它圖片過(guò)于貼近(例例)border:圖片邊框圖片邊框厚度厚度(例例)35HTML元素3. 圖形標(biāo)記圖形標(biāo)記(續(xù)續(xù))：AAAAalign:調(diào)整圖片旁邊文字的位置，即文字在圖片調(diào)整圖片旁邊文字的位置，即文字在圖片的偏上方的偏上方/中間中間/底端底端/左右等，可選值：左右等，可選值：top, middle, bottom, left, rightalt(title):描述該圖形的文字描述該圖形的文字lowsrc:設(shè)定先顯示低解像圖片，等待大圖片的設(shè)定先顯示低解像圖片，等待大圖片的下載。下載。36HTML元素4. 排版標(biāo)記：排版標(biāo)記： 用于文字排版用于文字排版4.1 注釋標(biāo)記注

25、釋標(biāo)記() 提供注解功能。瀏覽器會(huì)忽略此標(biāo)記中的文提供注解功能。瀏覽器會(huì)忽略此標(biāo)記中的文字不作顯示，一般用于為添加說(shuō)明。字不作顯示，一般用于為添加說(shuō)明。37HTML元素4.2 段落標(biāo)記段落標(biāo)記(P)： 為文字為文字、圖片圖片、表格等之間留一空白行、表格等之間留一空白行，從從HTML2.0開始己不需要開始己不需要作結(jié)尾。作結(jié)尾。 參數(shù)：參數(shù)： align可選值：可選值：right,left,center。 居右顯示居右顯示居左顯示居左顯示居中顯示居中顯示38HTML元素4.3 換行標(biāo)記換行標(biāo)記(BR)： 使文字使文字、圖片圖片、表格等標(biāo)記于下行顯示。瀏表格等標(biāo)記于下行顯示。瀏覽器會(huì)自動(dòng)忽略原碼中

26、空白和換行的部分，如：覽器會(huì)自動(dòng)忽略原碼中空白和換行的部分，如：566 E Boston Post RDMamaroneck NY 10543-9982United States of America修改如下：修改如下：566 E Boston Post RD Mamaroneck NY 10543-9982 United States of America 39HTML元素4.4 預(yù)設(shè)格式標(biāo)記預(yù)設(shè)格式標(biāo)記(PRE)： 該標(biāo)記允許保留原碼中輸入文字格式。該標(biāo)記允許保留原碼中輸入文字格式。#include int main(int argc, char *argv) printf(Hello,

27、worldn); return 0;40HTML元素4.5 水平線水平線(HR)：參數(shù)：參數(shù)：size:線條厚度，以線條厚度，以像素作單位像素作單位width:線條長(zhǎng)度，可以是絕對(duì)值線條長(zhǎng)度，可以是絕對(duì)值(以像素作單以像素作單位位)或相對(duì)值，默認(rèn)為或相對(duì)值，默認(rèn)為 100%color：線條顏色：線條顏色(默認(rèn)為黑色默認(rèn)為黑色)，也可用顏色，也可用顏色名稱名稱(blue)41HTML元素4.5 水平線水平線(續(xù)續(xù))：如：如： 注：注：noshade不顯示陰影不顯示陰影42HTML元素4.6 居中標(biāo)記居中標(biāo)記(CENTER)： 該標(biāo)記由該標(biāo)記由Netscape定義，后來(lái)其它瀏覽器定義，后來(lái)其它瀏覽

28、器都加以支持。很多瀏覽器不支持都加以支持。很多瀏覽器不支持標(biāo)記標(biāo)記中的參數(shù)中的參數(shù)align=center，而引入單獨(dú)的，而引入單獨(dú)的CENTER標(biāo)記。標(biāo)記。如：如：Chriss First HomepageWhats newMy profile43HTML元素4.7 區(qū)隔標(biāo)記區(qū)隔標(biāo)記(DIV)： 該標(biāo)記設(shè)定文字該標(biāo)記設(shè)定文字、圖片圖片、表格等標(biāo)記的擺放表格等標(biāo)記的擺放位置。位置。 DIV適合應(yīng)用于適合應(yīng)用于Style Sheet(式樣表式樣表)方面，方面，增加強(qiáng)大的顯示能力；有增加強(qiáng)大的顯示能力；有 Class,Style,title,ID 等屬性，將于樣式表內(nèi)容中詳細(xì)講解，與等屬性，將于樣

29、式表內(nèi)容中詳細(xì)講解，與P標(biāo)標(biāo)記相比需要關(guān)閉標(biāo)簽。記相比需要關(guān)閉標(biāo)簽。 例：例： align可選值：可選值：center,left,right44HTML元素4.7 不折行標(biāo)記不折行標(biāo)記(NOBR)： 該標(biāo)記可設(shè)置文字不換行顯示，適用于地址、該標(biāo)記可設(shè)置文字不換行顯示，適用于地址、數(shù)學(xué)算式、一行數(shù)字、程式碼等。數(shù)學(xué)算式、一行數(shù)字、程式碼等。如：如： If you want to know how to create you own homepage quickly, dont miss Chriss Creation of Webpage which will help you a lot. 4

30、5HTML元素5. 字體標(biāo)記字體標(biāo)記 實(shí)體標(biāo)記實(shí)體標(biāo)記有固定的顯示效果，有固定的顯示效果，邏輯標(biāo)記邏輯標(biāo)記則依不則依不同瀏覽器而不同，并且在舊瀏覽器不能有效顯示同瀏覽器而不同，并且在舊瀏覽器不能有效顯示多重的標(biāo)示。多重的標(biāo)示。 如在舊瀏覽器中邏輯標(biāo)記如在舊瀏覽器中邏輯標(biāo)記及及同時(shí)標(biāo)示一段文字則常失去作用。同時(shí)標(biāo)示一段文字則常失去作用。 實(shí)體標(biāo)記有：實(shí)體標(biāo)記有： 邏輯標(biāo)記有：邏輯標(biāo)記有： 46HTML元素5.1 加粗標(biāo)記：加粗標(biāo)記： 、兩者都能產(chǎn)生字體加粗兩者都能產(chǎn)生字體加粗的效果，但當(dāng)文件被設(shè)為的效果，但當(dāng)文件被設(shè)為gb2312編碼時(shí)，兩編碼時(shí)，兩者所標(biāo)示的中文字不會(huì)在者所標(biāo)示的中文字不會(huì)在N

31、etscape Navigator顯示粗體效果。顯示粗體效果。 粗體效果粗體效果 粗體效果粗體效果47HTML元素5.2 斜體標(biāo)記：斜體標(biāo)記： 在在IE都產(chǎn)生斜體效果，而都產(chǎn)生斜體效果，而在在Netscape Navigator無(wú)效；無(wú)效；自身包括換行效果所自身包括換行效果所以不必在它前面加上換行標(biāo)記。以不必在它前面加上換行標(biāo)記。Creation of WebpageCreation of WebpageCreation of WebpageCreation of WebpageCreation of WebpageCreation of Webpage48HTML元素5.3 其他標(biāo)記：其他標(biāo)

32、記：設(shè)置每字母有設(shè)置每字母有相等寬度，在相等寬度，在 NC中無(wú)效。中無(wú)效。是加底線的標(biāo)記。是加底線的標(biāo)記。 加上刪除線的標(biāo)記。加上刪除線的標(biāo)記。 字體加大。字體加大。 字體變細(xì)。字體變細(xì)。 下標(biāo)字下標(biāo)字(僅剩的數(shù)學(xué)標(biāo)記僅剩的數(shù)學(xué)標(biāo)記)上標(biāo)字上標(biāo)字(僅剩的數(shù)學(xué)標(biāo)記僅剩的數(shù)學(xué)標(biāo)記)49HTML元素5.3 其他標(biāo)記其他標(biāo)記(續(xù)續(xù))：Creation of Webpage Creation of WebpageCreation of WebpageCreation of WebpageCreation of Webpage均已固定寬度顯示均已固定寬度顯示50HTML元素5.3 其他標(biāo)記其他標(biāo)記(續(xù)續(xù))

33、：Creation of Webpage Creation of WebpageCreation of WebpageCreation of WebpageCreation of Webpage123457 6789951HTML元素5.4 標(biāo)題標(biāo)記：標(biāo)題標(biāo)記： 至至變粗變大加寬的程度逐漸減小。變粗變大加寬的程度逐漸減小。每個(gè)標(biāo)題標(biāo)記所標(biāo)示的字句將獨(dú)占一行且上下留每個(gè)標(biāo)題標(biāo)記所標(biāo)示的字句將獨(dú)占一行且上下留一空白行。一空白行。Header Level 1Header Level 2Header Level 3Header Level 4Header Level 5Header Level 652

34、HTML元素5.5 字體標(biāo)記：字體標(biāo)記： 都具參數(shù)設(shè)定，且都具參數(shù)設(shè)定，且參數(shù)設(shè)定相同，均負(fù)責(zé)設(shè)定文字的大小、字形參數(shù)設(shè)定相同，均負(fù)責(zé)設(shè)定文字的大小、字形和顏色：和顏色： l設(shè)置默認(rèn)格式字體；設(shè)置默認(rèn)格式字體； l一個(gè)圍堵標(biāo)記，只影響一個(gè)圍堵標(biāo)記，只影響FONT內(nèi)的文內(nèi)的文字。字。53HTML元素5.5 字體標(biāo)記字體標(biāo)記(續(xù)續(xù))：Webpageface：設(shè)定文字的字體：設(shè)定文字的字體size：設(shè)定文字的大?。涸O(shè)定文字的大小(1-7)，可以是絕對(duì)值，可以是絕對(duì)值(不不受受影響影響)或相對(duì)值或相對(duì)值(在內(nèi)定值的基在內(nèi)定值的基礎(chǔ)上增加或減少大小級(jí)數(shù)礎(chǔ)上增加或減少大小級(jí)數(shù))，只只有絕對(duì)表示法。有絕對(duì)表

35、示法。 color:設(shè)定文字的顏色設(shè)定文字的顏色,#008000表示綠色表示綠色54HTML元素5.5 字體標(biāo)記字體標(biāo)記(續(xù)續(xù))：例：例：WebpageWebpageWebpageWebpageWebpageWebpage55HTML元素6 鏈接標(biāo)記鏈接標(biāo)記(A)： 將將與與所包圍的文字、圖片等形成鏈接。所包圍的文字、圖片等形成鏈接。Text參數(shù)說(shuō)明：參數(shù)說(shuō)明：href:鏈接地址鏈接地址取值如下：取值如下：href=#there -鏈接到當(dāng)前頁(yè)某個(gè)位置鏈接到當(dāng)前頁(yè)某個(gè)位置href=index.html#there -鏈接到其他頁(yè)某個(gè)位置鏈接到其他頁(yè)某個(gè)位置href=http:/ -鏈接到其他網(wǎng)

36、址鏈接到其他網(wǎng)址href=mailto: -鏈接到鏈接到Email客戶端客戶端56HTML元素6 鏈接標(biāo)記鏈接標(biāo)記(續(xù)續(xù))：Texttarget:鏈接被按后結(jié)果所要顯示的視窗。鏈接被按后結(jié)果所要顯示的視窗。Target=name:在指定框架中打開超級(jí)鏈接頁(yè)面在指定框架中打開超級(jí)鏈接頁(yè)面Target=_self:在當(dāng)前框架中打開超鏈接頁(yè)面在當(dāng)前框架中打開超鏈接頁(yè)面Target=_blank:新開窗口打開鏈接頁(yè)面新開窗口打開鏈接頁(yè)面(同同new)Target=_parent:跳出整個(gè)框架集跳出整個(gè)框架集Target=_top:將目標(biāo)文件載入到整個(gè)瀏覽器窗口并將目標(biāo)文件載入到整個(gè)瀏覽器窗口并刪除所有

37、框架。刪除所有框架。注：注：_parent、_self、_top只有在使用框架頁(yè)面時(shí)才只有在使用框架頁(yè)面時(shí)才有效有效57HTML元素6 鏈接標(biāo)記鏈接標(biāo)記(續(xù)續(xù))：內(nèi)部鏈接例：內(nèi)部鏈接例：其他鏈接例子：其他鏈接例子：58HTML元素7 跑馬燈標(biāo)記跑馬燈標(biāo)記(MARQUEE)： 建立移動(dòng)或卷動(dòng)的文字。建立移動(dòng)或卷動(dòng)的文字。 Hello behavior：決定文字的卷動(dòng)方式：決定文字的卷動(dòng)方式可選值為：可選值為：lSCROLL一般卷動(dòng)一般卷動(dòng)(默認(rèn)值默認(rèn)值)。 lSLIDE如幻燈片，一格格的，效果是文字一接觸左如幻燈片，一格格的，效果是文字一接觸左邊便全部消失。邊便全部消失。 lALTERNATE文

38、字向左右兩邊撞來(lái)撞去。文字向左右兩邊撞來(lái)撞去。 59HTML元素7 跑馬燈標(biāo)記跑馬燈標(biāo)記(續(xù)續(xù))：Hello direction:設(shè)定文字的卷動(dòng)方向設(shè)定文字的卷動(dòng)方向(left,right,up,down) 。height、width:設(shè)定文字卷動(dòng)范圍，可采用相對(duì)或絕設(shè)定文字卷動(dòng)范圍，可采用相對(duì)或絕對(duì)，如對(duì)，如30%或或30等，單位為像素。等，單位為像素。hspace、vspace：設(shè)定文字的水平及垂直空白位置。：設(shè)定文字的水平及垂直空白位置。loop：設(shè)定文字卷動(dòng)次數(shù)，值為正整數(shù)或：設(shè)定文字卷動(dòng)次數(shù)，值為正整數(shù)或INFINITE。scrollamount：每次文字跳動(dòng)的間隔，單位是像素。：每

39、次文字跳動(dòng)的間隔，單位是像素。scrolldelay：文字卷動(dòng)的停頓時(shí)間，單位是毫秒。：文字卷動(dòng)的停頓時(shí)間，單位是毫秒。 60HTML元素7 跑馬燈標(biāo)記跑馬燈標(biāo)記(續(xù)續(xù))：例：例：Im a small MARQUEEThis is a slide effect撞來(lái)撞去，??！我昏撞來(lái)撞去，?。∥一枥怖矅W！嘩！太快了，我又昏啦太快了，我又昏啦61HTML元素8 表格標(biāo)記表格標(biāo)記(TABLE)： 表格不僅僅能裝載數(shù)據(jù)，還被廣泛地應(yīng)用表格不僅僅能裝載數(shù)據(jù)，還被廣泛地應(yīng)用于網(wǎng)頁(yè)的布局，這與表格可以將其所在區(qū)域劃于網(wǎng)頁(yè)的布局，這與表格可以將其所在區(qū)域劃分為行和列即諸多單元格密切相關(guān)分為行和列即諸多單元格密

40、切相關(guān) 表格標(biāo)記表格標(biāo)記 設(shè)置表格標(biāo)題設(shè)置表格標(biāo)題 表示表格中的行表示表格中的行 表示表格中的列表示表格中的列 同同，只是對(duì)其中文字以，只是對(duì)其中文字以粗體粗體顯示顯示62HTML元素8.1 表格標(biāo)記參數(shù)：表格標(biāo)記參數(shù)： 的參數(shù)設(shè)定（常用）：的參數(shù)設(shè)定（常用）： width:表格寬度，接受絕對(duì)值表格寬度，接受絕對(duì)值(如如80)及相對(duì)值及相對(duì)值(如如80%)border:表格邊框厚度表格邊框厚度cellspacing:表格格線厚度表格格線厚度cellpadding:文字與格線的距離文字與格線的距離valign:表格內(nèi)文字等的位置表格內(nèi)文字等的位置(垂直垂直)，可選：，可選：top,middle,

41、bottom63HTML元素8.1 表格標(biāo)記參數(shù)表格標(biāo)記參數(shù)(續(xù)續(xù))： 的參數(shù)設(shè)定（常用）：的參數(shù)設(shè)定（常用）： bordercolor:表格邊框顏色表格邊框顏色bordercolorlight:表格邊框向光部分的顏色表格邊框向光部分的顏色bordercolordark:表格邊框背光部分的顏色，使用表格邊框背光部分的顏色，使用bordercolorlight或或bordercolordark時(shí)時(shí)bordercolor將會(huì)失效將會(huì)失效為什么沒(méi)有顯為什么沒(méi)有顯示表格顏色？示表格顏色？64HTML元素8.2 表格行標(biāo)記參數(shù)：表格行標(biāo)記參數(shù)： 的參數(shù)設(shè)定（常用）：的參數(shù)設(shè)定（常用）： 同同table參

42、數(shù)參數(shù)65HTML元素8.3 表格列標(biāo)記參數(shù)：表格列標(biāo)記參數(shù)： 的參數(shù)設(shè)定（常用）：的參數(shù)設(shè)定（常用）：rowspan:合并行數(shù)合并行數(shù)colspan:合并列數(shù)合并列數(shù)66HTML元素8.4 表格顯示問(wèn)題：表格顯示問(wèn)題： 11111 22222 33333 修改修改為為 67HTML元素8.5 表格跨行問(wèn)題：表格跨行問(wèn)題： 11111 22222 33333 44444 55555 66666 77777 88888 99999 修改修改44444，刪去，刪去7777768HTML元素8.6 表格跨列問(wèn)題：表格跨列問(wèn)題： 11111 22222 33333 44444 修改修

43、改33333，刪去，刪去4444469HTML元素8.7 表格行、列的增刪表格行、列的增刪8.8 表格例子：表格例子：70HTML元素9 列表標(biāo)記列表標(biāo)記9.1 無(wú)序列表標(biāo)簽無(wú)序列表標(biāo)簽: 指條列間并無(wú)順序關(guān)系，只是利用條列式方法來(lái)呈現(xiàn)資料指條列間并無(wú)順序關(guān)系，只是利用條列式方法來(lái)呈現(xiàn)資料而已，在各條列前面均有一符號(hào)以示區(qū)隔。而已，在各條列前面均有一符號(hào)以示區(qū)隔。姓名：杰克升姓名：杰克升生日：生日：1974/11/21星座：天蝎座星座：天蝎座注：注：type可取值：可取值：disk（實(shí)心圓）、（實(shí)心圓）、square（小正方形）、（小正方形）、circle（空心圓）（空心圓）71HTML元素9

44、.2 有序列表標(biāo)簽：有序列表標(biāo)簽： 指各條列之間是有順序的。指各條列之間是有順序的。 姓名：杰克升姓名：杰克升 姓名：杰克升姓名：杰克升生日：生日：1974/11/21 生日：生日：1974/11/21星座：天蝎座星座：天蝎座 星座：天蝎座星座：天蝎座 注：注：type可取值：可取值：1、A、a、I、i 可以使用可以使用start來(lái)設(shè)定起始數(shù)值來(lái)設(shè)定起始數(shù)值72HTML元素9.3 定義列表標(biāo)簽：定義列表標(biāo)簽： 無(wú)符號(hào)、無(wú)序列表。無(wú)符號(hào)、無(wú)序列表。 1 1.1 1.2 2 2.1 2.273HTML元素10 框架框架(Frame)： 框架也就是所謂的分割窗口、分割畫面、框窗效果?？蚣芤簿褪撬^的

45、分割窗口、分割畫面、框窗效果。如圖：如圖：共共4個(gè)文件，分別是：個(gè)文件，分別是：框架文件：框架文件：index.htm左側(cè)文件：左側(cè)文件：a.htm右上文件：右上文件：b.htm右下文件：右下文件：c.htm74HTML元素10 框架框架(續(xù)續(xù))：FRAMESET參數(shù)說(shuō)明：參數(shù)說(shuō)明：COLS：垂直切割：垂直切割ROWS：橫向切割畫面：橫向切割畫面frameborder：框架邊框，：框架邊框，0:無(wú)邊框無(wú)邊框;1:有邊框有邊框framespacing：框架間保留空白的距離：框架間保留空白的距離75HTML元素10 框架框架(續(xù)續(xù))：FRAME參數(shù)說(shuō)明：參數(shù)說(shuō)明：SRC：此框架要顯示的頁(yè)面名稱：此

46、框架要顯示的頁(yè)面名稱scrolling：是否要顯示卷軸，：是否要顯示卷軸，YES、NO、AUTOnoresize:不允許改變邊框大小不允許改變邊框大小 marginhight： 框架高度部份邊緣所保留的空間框架高度部份邊緣所保留的空間marginwidth：框架寬度部份邊緣所保留的空間：框架寬度部份邊緣所保留的空間76HTML元素10 框架框架(續(xù)續(xù))：例例1:框窗實(shí)作框窗實(shí)作 77HTML元素10 框架框架(續(xù)續(xù))：例例2(主框架文件主框架文件index.html):框窗實(shí)作框窗實(shí)作78HTML元素10 框架框架(續(xù)續(xù))：例例2(其他相關(guān)文件其他相關(guān)文件):index.htmla.htmlb

47、.htmlc.htmla-1.htmlb-1.htmlc-1.htmltarget的參數(shù)使用的參數(shù)使用79HTML元素10 框架框架(IFRAME)： 又稱為浮動(dòng)幀標(biāo)記，實(shí)現(xiàn)將一個(gè)又稱為浮動(dòng)幀標(biāo)記，實(shí)現(xiàn)將一個(gè)HTML文檔嵌入在另文檔嵌入在另一個(gè)一個(gè)HTML中，與這個(gè)中，與這個(gè)HTML文件內(nèi)容相互融合，成為一文件內(nèi)容相互融合，成為一個(gè)整體。個(gè)整體。l參數(shù)：參數(shù)：src：文件的路徑：文件的路徑width、height：要占用的區(qū)域?qū)挾扰c高度：要占用的區(qū)域?qū)挾扰c高度scrolling:是否要顯示卷軸，是否要顯示卷軸，YES、NO、AUTOFrameBorder：區(qū)域邊框的寬度，為了與所嵌入的內(nèi)容：區(qū)

48、域邊框的寬度，為了與所嵌入的內(nèi)容相融合，常置相融合，常置080HTML元素11 窗體：窗體： Form相當(dāng)于一個(gè)容器。相當(dāng)于一個(gè)容器。 Form表單是表單是HTML頁(yè)面與瀏覽器端實(shí)現(xiàn)交互頁(yè)面與瀏覽器端實(shí)現(xiàn)交互的重要手段，利用表單可以收集客戶端提交的的重要手段，利用表單可以收集客戶端提交的有關(guān)信息。有關(guān)信息。 在在HTML里定義表單，并且使表單與里定義表單，并且使表單與JSP或或ASP等服務(wù)器端的表單處理程序配合，可將收等服務(wù)器端的表單處理程序配合，可將收集到的用戶信息提交到服務(wù)器端。集到的用戶信息提交到服務(wù)器端。81HTML元素11.1 FORMl格式格式 您的姓名您的姓名: 您的網(wǎng)址您的網(wǎng)址

49、:82HTML元素11.1 FORM(續(xù)續(xù))：l參數(shù)說(shuō)明：參數(shù)說(shuō)明：action： 提交頁(yè)面地址，如提交頁(yè)面地址，如asp,jsp,php,cgi,aspx等等;method： 發(fā)送窗體內(nèi)數(shù)據(jù)的方法：發(fā)送窗體內(nèi)數(shù)據(jù)的方法： get(默認(rèn)值默認(rèn)值)、post83HTML元素11.1 FORM(續(xù)續(xù))：l參數(shù)說(shuō)明參數(shù)說(shuō)明(續(xù)續(xù))：enctype: 表示表示form內(nèi)數(shù)據(jù)的提交格式，常用有：內(nèi)數(shù)據(jù)的提交格式，常用有：application/x-www-form-urlencoded：窗體數(shù)據(jù)被：窗體數(shù)據(jù)被編碼為編碼為名稱名稱/值值對(duì)，這是默認(rèn)的編碼格式。對(duì)，這是默認(rèn)的編碼格式。multipart/f

50、orm-data：窗體數(shù)據(jù)被編碼為一條消息，：窗體數(shù)據(jù)被編碼為一條消息，以二進(jìn)制形式上傳，常用于上傳文件。以二進(jìn)制形式上傳，常用于上傳文件。text/plain：窗體數(shù)據(jù)以純文本形式進(jìn)行編碼，其中不：窗體數(shù)據(jù)以純文本形式進(jìn)行編碼，其中不含任何控件或格式字符。含任何控件或格式字符。84HTML元素11.1 FORM(續(xù)續(xù))：lGet與與Post區(qū)別區(qū)別1： Get將表單中數(shù)據(jù)按將表單中數(shù)據(jù)按variable=value的形式，的形式，添加到添加到action所指向的所指向的URL后面，并且兩者使后面，并且兩者使用用?連接，而各個(gè)變量之間使用連接，而各個(gè)變量之間使用&連接；連接； Post

51、是將表單中的數(shù)據(jù)放在是將表單中的數(shù)據(jù)放在form的數(shù)據(jù)體的數(shù)據(jù)體中，按照變量和值相對(duì)應(yīng)的方式，傳遞到中，按照變量和值相對(duì)應(yīng)的方式，傳遞到action所指向所指向URL。85HTML元素11.1 FORM(續(xù)續(xù))：lget與與post區(qū)別區(qū)別2： Get是不安全的，在傳輸過(guò)程，數(shù)據(jù)被放在是不安全的，在傳輸過(guò)程，數(shù)據(jù)被放在請(qǐng)求的請(qǐng)求的URL中，用戶可以在瀏覽器上直接看到中，用戶可以在瀏覽器上直接看到提交的數(shù)據(jù)；提交的數(shù)據(jù)； Post的所有操作對(duì)用戶來(lái)說(shuō)都是不可見(jiàn)的，的所有操作對(duì)用戶來(lái)說(shuō)都是不可見(jiàn)的，相對(duì)安全。相對(duì)安全。86HTML元素11.1 FORM(續(xù)續(xù))：lget與與post區(qū)別區(qū)別3： G

52、et傳輸?shù)臄?shù)據(jù)量小，這主要是因?yàn)槭軅鬏數(shù)臄?shù)據(jù)量小，這主要是因?yàn)槭躑RL長(zhǎng)度限制長(zhǎng)度限制(2K字節(jié)字節(jié))； 而而Post可以傳輸大量的數(shù)據(jù)，所以在上傳文可以傳輸大量的數(shù)據(jù)，所以在上傳文件只能使用件只能使用Post。87HTML元素11.1 FORM(續(xù)續(xù))：lget與與post區(qū)別區(qū)別4： Get限制限制Form表單的數(shù)據(jù)集的值必須為表單的數(shù)據(jù)集的值必須為ASCII字符；字符； 而而Post支持整個(gè)支持整個(gè)ISO10646字符集。字符集。l常用字符集常用字符集ASCII GB2312 GBK Unicode UTF-8ISO8859-1 - ISO8859-1588HTML元素11.2 文本框文本框/密碼框密碼框/隱藏框：隱藏框：參數(shù)說(shuō)明：參數(shù)說(shuō)明：NAME：名稱：名稱SIZE：顯示寬度：顯示寬度VALUE：框內(nèi)的值：框內(nèi)的值MAXLENGTH：設(shè)定輸入的最大長(zhǎng)度：設(shè)定輸入的最大長(zhǎng)度readonly:只讀只讀89HTML元素11.3 單選框單選框/復(fù)選框：復(fù)選框：參數(shù)說(shuō)明：參數(shù)說(shuō)明：N