高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ) 第第 1 章章 Web技術(shù)基礎(chǔ)技術(shù)基礎(chǔ) 第第 2 章章 標記語言與網(wǎng)頁制作標記語言與網(wǎng)頁制作 第第 3 章章 圖像處理技術(shù)圖像處理技術(shù) 第第 4 章章 音頻與視頻處理音頻與視頻處理 第第 5 章章 Flash動畫設(shè)計動畫設(shè)計 第第 6 章章 客戶端開發(fā)客戶端開發(fā) 第第 7 章章 服務(wù)端編程服務(wù)端編程目 錄高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)第 2 章 標記語言與網(wǎng)頁制作 2.1 標記語言及其發(fā)展標記語言及其發(fā)展2.2 超文本標記語言超文本標記語言HTML2.3 網(wǎng)頁設(shè)計基礎(chǔ)網(wǎng)頁設(shè)計基礎(chǔ)2.4 使用使用Front Page 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)2.1 標記語言及其發(fā)展n 標準通用標記語言標準通用標記語言SGML n 超文本標記語言超文本標記語言HTMLn 可擴展可擴展HTML規(guī)范規(guī)范XHTML n 可擴展標記語言可擴展標記語言XMLn DHTML和和SHTML技術(shù)技術(shù) 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)標準通用標記語言SGMLn標記語言的概念標記語言的概念 l廣義上，標記語言可以理解為對內(nèi)容進行描述的規(guī)范或標準。廣義上，標記語言可以理解為對內(nèi)容進行描述的規(guī)范或標準。l例如，在出版印刷行業(yè)，編輯人員在進行文檔內(nèi)容編輯時對內(nèi)容所做例如，在出版印刷行業(yè)，編輯人員在進行文檔內(nèi)容編輯時對內(nèi)容所做的標記的標記n標準通用標記語言標準通用標記語言SGMLlSGML（Standard Generalized Markup Language，SGML）是一）是一個用來定義在電子表格中如何對文件的結(jié)構(gòu)和內(nèi)容進行描述的國際標個用來定義在電子表格中如何對文件的結(jié)構(gòu)和內(nèi)容進行描述的國際標準（準（ISO-8879） ，1969年，年，IBMlSGML設(shè)計的非常復(fù)雜，設(shè)計的非常復(fù)雜，SGML的正式規(guī)范達的正式規(guī)范達500多頁多頁 l意義意義uSGML定義了標記語言的基本概念，奠定了標記語言的技術(shù)基礎(chǔ)定義了標記語言的基本概念，奠定了標記語言的技術(shù)基礎(chǔ) 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)超文本標記語言HTMLnHTML 的誕生的誕生l超文本標記語言超文本標記語言HTML起源于通用標準標記語言起源于通用標準標記語言SGMLl由世界上最大的粒子物理研究實驗室歐洲核子研究中心由世界上最大的粒子物理研究實驗室歐洲核子研究中心CERN（the European Organization for Nuclear Research）于）于1991年首先提出。年首先提出。nHTML規(guī)范規(guī)范l標記標記nHTML主要版本和發(fā)布時間主要版本和發(fā)布時間 lHTML 2.0， Internet工程任務(wù)組中的工程任務(wù)組中的HTML工作組開發(fā)完成了工作組開發(fā)完成了HTML 2.0，于，于1996年發(fā)布年發(fā)布 lHTML3.2，W3C于于1997年年1月月14日將其列為推薦版本，在日將其列為推薦版本，在HTML2.0標準中添標準中添加了諸如：字體、表格、加了諸如：字體、表格、Java程序、浮動、上標、下標等特征程序、浮動、上標、下標等特征 lHTML 4.0，W3C于于1997年年12月月18日將其列為推薦版本，第二個稍作修正的日將其列為推薦版本，第二個稍作修正的HTML 4.0 版本與版本與1998年年12月月24日發(fā)布。日發(fā)布。uHTML4.0中最重要的特征是引入了樣式表中最重要的特征是引入了樣式表CSS技術(shù)。技術(shù)。 lHTML 4.01，W3C于于1999年年12月月24日將其列為推薦版本，是日將其列為推薦版本，是HTML 4.0的升的升級版本，它對原版本做出了部分修正。級版本，它對原版本做出了部分修正。 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)可擴展HTML規(guī)范XHTMLnHTML 的缺陷的缺陷lHTML的標記固定，的標記固定，HTML只是一種表現(xiàn)技術(shù)，不能表達語義只是一種表現(xiàn)技術(shù)，不能表達語義l不能適應(yīng)現(xiàn)在越來越多的網(wǎng)絡(luò)設(shè)備和應(yīng)用的需要，比如手機、不能適應(yīng)現(xiàn)在越來越多的網(wǎng)絡(luò)設(shè)備和應(yīng)用的需要，比如手機、PDA、信息家電都不能直接顯示、信息家電都不能直接顯示HTML 。l由于由于HTML代碼不規(guī)范、臃腫，瀏覽器需要足夠智能和龐大才代碼不規(guī)范、臃腫，瀏覽器需要足夠智能和龐大才能夠正確顯示能夠正確顯示HTML l數(shù)據(jù)與表現(xiàn)混雜，頁面要改變顯示，就必須重新制作數(shù)據(jù)與表現(xiàn)混雜，頁面要改變顯示，就必須重新制作HTML nW3C 不再繼續(xù)開發(fā)不再繼續(xù)開發(fā)HTML n可擴展可擴展HTML lW3C制定制定 ，2000年年1月月20 日發(fā)布日發(fā)布XHTML 1.0 。 lHTML向向XML過度的一個橋梁過度的一個橋梁l2002年年8月月5日，發(fā)布日，發(fā)布XHTML 2.0的第一個工作草案。的第一個工作草案。高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)可擴展標記語言XMLn可擴展標記語言可擴展標記語言XMLlXML（eXtensible Markup Language） ，1998年年2月月10日，日，XML工作組正工作組正式向式向W3C提交了提交了XML的最終推薦標準，這就是的最終推薦標準，這就是XML 1.0標準。標準。 l核心思想核心思想u實現(xiàn)數(shù)據(jù)和顯示的分離實現(xiàn)數(shù)據(jù)和顯示的分離 nXML構(gòu)成構(gòu)成lDTD、XML架構(gòu)等基本要素架構(gòu)等基本要素l元規(guī)范元規(guī)范n 相應(yīng)規(guī)范相應(yīng)規(guī)范l可擴展樣式語言可擴展樣式語言XSLlXML路徑語言路徑語言XPathlXML查詢語言查詢語言Xqueryl可擴展鏈接語言可擴展鏈接語言XLLl及及XML文檔對象模型文檔對象模型DOMl簡單應(yīng)用程序接口簡單應(yīng)用程序接口SAXl等等 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)DHTML和SHTML技術(shù)nDHTML技術(shù)技術(shù)l與與Web開發(fā)相關(guān)的技術(shù)或者說開發(fā)模式開發(fā)相關(guān)的技術(shù)或者說開發(fā)模式 ，不是規(guī)范，不是規(guī)范l涉及的內(nèi)容涉及的內(nèi)容uHTML 4.0 規(guī)范規(guī)范 u客戶端腳本語言客戶端腳本語言CSSL（Clent-Side Scripting Language） u文檔對象模型文檔對象模型DOM（Document Object Model） ，它將網(wǎng)頁中的內(nèi)容抽象，它將網(wǎng)頁中的內(nèi)容抽象成對象，每個對象擁有各自的屬性成對象，每個對象擁有各自的屬性(Properties)、方法、方法(Method)和事件和事件(Events)，可以通過上面的客戶端腳本語言編程控制，可以通過上面的客戶端腳本語言編程控制 u層疊樣式表單層疊樣式表單CSS 技術(shù)技術(shù) nSHTML技術(shù)技術(shù)lSHTML不是一種不是一種HTML規(guī)范，而是一種網(wǎng)站設(shè)計、開發(fā)與維護技術(shù)規(guī)范，而是一種網(wǎng)站設(shè)計、開發(fā)與維護技術(shù) l是一種是一種Web服務(wù)器服務(wù)器 API，其指令可以在，其指令可以在Web服務(wù)端運行，以產(chǎn)生動態(tài)的服務(wù)端運行，以產(chǎn)生動態(tài)的html，是一種類似于，是一種類似于ASP的基于服務(wù)器的網(wǎng)頁制作技術(shù)的基于服務(wù)器的網(wǎng)頁制作技術(shù)高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)2.2 超文本標記語言HTMLnHTML標記語法和文檔結(jié)構(gòu)標記語法和文檔結(jié)構(gòu)n文件頭標記及子標記文件頭標記及子標記n文件體標記及其屬性文件體標記及其屬性 n文檔內(nèi)容常用標記文檔內(nèi)容常用標記n表格（表格（table）n表單（表單（form）n層次塊標記層次塊標記n對象和腳本程序標記對象和腳本程序標記 n層疊樣式表層疊樣式表CSS技術(shù)技術(shù) n 幀（幀（frame） 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)HTML標記語法nHTML標記語法標記語法l標記（標記（Tag）u標記由封裝在小于號（標記由封裝在小于號（）構(gòu)成的一對尖括號之中）構(gòu)成的一對尖括號之中 u一般形式：一般形式：文檔內(nèi)容文檔內(nèi)容 例如：例如：link textl標記類型與標記屬性標記類型與標記屬性u單標記單標記 u雙標記雙標記 l標記屬性標記屬性u u例如：例如： 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)HTML文檔結(jié)構(gòu) 頭部信息頭部信息 文檔主體文檔主體 （語句部分）（語句部分）高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)文件頭標記及子標記n 文件頭文件頭l標記對之間的部分稱為文件頭標記對之間的部分稱為文件頭n 子標記子標記l標記標記 l標記標記 l 標記標記 l標記標記 l背景音樂標記背景音樂標記 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)標記n標記標記 l用于標識網(wǎng)頁主題，其中的內(nèi)容將在瀏覽器的標題欄中顯示，不出現(xiàn)在頁面內(nèi)用于標識網(wǎng)頁主題，其中的內(nèi)容將在瀏覽器的標題欄中顯示，不出現(xiàn)在頁面內(nèi) n舉例舉例l計算機基礎(chǔ)網(wǎng)絡(luò)教學(xué)平臺計算機基礎(chǔ)網(wǎng)絡(luò)教學(xué)平臺GSL3.0高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)標記n 標記為單標記，沒有尾標記。標記為單標記，沒有尾標記。 l 為單標記，沒有尾標記。為單標記，沒有尾標記。n 標記屬性標記屬性l http-equiv屬性屬性l name屬性屬性 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)標記-http-equiv屬性nhttp-equiv屬性屬性lhttp-equiv相當于相當于HTTP的文件頭，向瀏覽器傳回信息，以正確顯示網(wǎng)頁內(nèi)容的文件頭，向瀏覽器傳回信息，以正確顯示網(wǎng)頁內(nèi)容l nhttp-equiv屬性參數(shù)值屬性參數(shù)值lcontent-type（顯示字符集的設(shè)定），設(shè)定頁面使用的字符集。（顯示字符集的設(shè)定），設(shè)定頁面使用的字符集。 u lexpires（期限），用于設(shè)定網(wǎng)頁的到期時間（期限），用于設(shè)定網(wǎng)頁的到期時間 u lpragma（Cache模式），禁止瀏覽器從本地計算機的緩存中訪問頁面內(nèi)容模式），禁止瀏覽器從本地計算機的緩存中訪問頁面內(nèi)容 u ，該種設(shè)定訪問者將無法使，該種設(shè)定訪問者將無法使用脫機瀏覽功能用脫機瀏覽功能 lrefresh（刷新），自動刷新并指向新頁面。（刷新），自動刷新并指向新頁面。 u l window-target（顯示窗口的設(shè)定），強制頁面在當前窗口以獨立頁面顯示（顯示窗口的設(shè)定），強制頁面在當前窗口以獨立頁面顯示 u，可以用來防止別人在框，可以用來防止別人在框架里調(diào)用自己的頁面架里調(diào)用自己的頁面 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)標記-name屬性nname屬性屬性l主要用于描述網(wǎng)頁，與之對應(yīng)的屬性值為主要用于描述網(wǎng)頁，與之對應(yīng)的屬性值為content，content中的內(nèi)容主要是便中的內(nèi)容主要是便于搜索引擎查找信息和分類信息用的。于搜索引擎查找信息和分類信息用的。 l nname屬性參數(shù)值屬性參數(shù)值lkeywords（關(guān)鍵字），（關(guān)鍵字），keywords用來告訴搜索引擎該網(wǎng)頁的關(guān)鍵字是什么用來告訴搜索引擎該網(wǎng)頁的關(guān)鍵字是什么 。 u ldescription（網(wǎng)站內(nèi)容描述），（網(wǎng)站內(nèi)容描述），description用來告訴搜索引擎網(wǎng)站的主要內(nèi)容用來告訴搜索引擎網(wǎng)站的主要內(nèi)容 u lauthor（作者），標注網(wǎng)頁的作者（作者），標注網(wǎng)頁的作者 u lrobots（機器人向?qū)ВC器人向?qū)В?，robots用來告訴搜索機器人需要索引的頁面有哪些。用來告訴搜索機器人需要索引的頁面有哪些。 u 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)標記n 標記標記l標記定義了文檔的基礎(chǔ)標記定義了文檔的基礎(chǔ)URL地址，在文檔中所有的相對地址形地址，在文檔中所有的相對地址形式的式的URL都是相對于這里定義的都是相對于這里定義的URL而言的而言的 。 l文檔中的文檔中的標記不能多于一個，必須放于頭部，并且應(yīng)該在任何標記不能多于一個，必須放于頭部，并且應(yīng)該在任何包含包含URL地址的語句之前地址的語句之前 n標記屬性標記屬性lhref屬性屬性 ，指定了文檔的基礎(chǔ)，指定了文檔的基礎(chǔ)URL地址，該屬性在地址，該屬性在標記中是必標記中是必須存在的須存在的 。 ultarget屬性屬性 target屬性同框架一起使用，它定義了當文檔中的鏈接被點屬性同框架一起使用，它定義了當文檔中的鏈接被點擊后，在哪一個框架中展開頁面。擊后，在哪一個框架中展開頁面。l常用的常用的target的屬性值有：的屬性值有：_blank ，_self ，_parent ，_top u 表明頁面上所有的鏈接都在新窗口打開表明頁面上所有的鏈接都在新窗口打開高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)標記n 標記標記l標記定義了文檔之間的包含標記定義了文檔之間的包含 。 l在在HTML的頭部可以包含任意數(shù)量的的頭部可以包含任意數(shù)量的標記標記 n 標記屬性標記屬性ltype，用于指定被包含的文件類型。例如，用于指定被包含的文件類型。例如，text/css是指包含一是指包含一個層疊樣式表文件。個層疊樣式表文件。 lhref，指向被包含資源的，指向被包含資源的url地址地址 。 ltitle，一個字符串，用于描述該鏈接關(guān)系。，一個字符串，用于描述該鏈接關(guān)系。 lrel，定義，定義HTML文檔和所要包含資源之間的鏈接關(guān)系文檔和所要包含資源之間的鏈接關(guān)系 例如：例如：高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)文件體標記n 標記標記l在在標記對之間的部分稱為標記對之間的部分稱為html文文檔的文件體。文件體中描述的是瀏覽器中顯示的內(nèi)容。檔的文件體。文件體中描述的是瀏覽器中顯示的內(nèi)容。 l在在標記對之間可包含標記對之間可包含、等標記，它們所定義的文本、圖等標記，它們所定義的文本、圖像以及超鏈接等將會在瀏覽器中顯示。像以及超鏈接等將會在瀏覽器中顯示。 n 標記屬性標記屬性l一般屬性一般屬性l事件屬性事件屬性高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)標記屬性-1標記一般屬性標記一般屬性高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)標記屬性-2標記事件屬性標記事件屬性高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)一個簡單HTML文檔示例文本編輯器文本編輯器 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)一個簡單HTML文檔示例（Cont1）使用使用FrontPage編輯編輯 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)一個簡單HTML文檔示例（Cont2）在瀏覽器中打開在瀏覽器中打開 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)文檔內(nèi)容常用標記n 標題、段落標記標題、段落標記 n 文本格式標記文本格式標記l字體標記字體標記 l粗體、斜體和下劃線標記粗體、斜體和下劃線標記n 圖像標記圖像標記 n 超鏈接標記超鏈接標記 n 影像地圖標記影像地圖標記 n 走馬燈標記走馬燈標記 n 注釋標記注釋標記高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)標題標記n標題標記標題標記l n標記屬性標記屬性lAlign使用IntelliSense技術(shù)查看標記屬性高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)段落標記、換行標記n段落標記段落標記l，標記一個段落，輸出位置轉(zhuǎn)到下一行開始，并增加一個空，標記一個段落，輸出位置轉(zhuǎn)到下一行開始，并增加一個空行。行。n標記屬性標記屬性高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)水平線標記n段落標記段落標記l水平線標記水平線標記 ，插入一條水平線。，插入一條水平線。 單標記。單標記。n標記屬性標記屬性lwidth代碼：高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)文本格式標記n字體標記字體標記 l常用的屬性有常用的屬性有face、size和和color，分別設(shè)置字體、文字大小和顏色。，分別設(shè)置字體、文字大小和顏色。 n粗體、斜體和下劃線標記粗體、斜體和下劃線標記 l、 n字體放大、縮小、上標和下標顯示標記字體放大、縮小、上標和下標顯示標記 l、 n、 l標記和標記和標記類似，都是字體加粗標記。標記類似，都是字體加粗標記。 l標記和標記和標記類似，是斜體強調(diào)標記。標記類似，是斜體強調(diào)標記。 l為打字字體為打字字體 Courier字體，字母等寬標記。字體，字母等寬標記。l為傳記引述斜體效果標記。為傳記引述斜體效果標記。 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)文本格式標記（舉例）n標記的聯(lián)合使用舉例標記的聯(lián)合使用舉例高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)圖像標記n圖像標記圖像標記 l 單標記，用以插入圖像單標記，用以插入圖像 n標記屬性標記屬性l align：設(shè)置圖像的對齊方式：設(shè)置圖像的對齊方式 l id：指定的圖片：指定的圖片id號，用于對圖像的程序訪問號，用于對圖像的程序訪問l class：指定圖像所屬的類型（樣式類）：指定圖像所屬的類型（樣式類） l name：用于設(shè)定圖像的名稱，用于對圖像的程序訪問。：用于設(shè)定圖像的名稱，用于對圖像的程序訪問。l src：設(shè)置插入圖像的：設(shè)置插入圖像的url地址，即插入圖像的路徑和文件名。地址，即插入圖像的路徑和文件名。 l title：屬性值為一字符串，鼠標指向圖片時，鼠標右下角顯示標題文本。：屬性值為一字符串，鼠標指向圖片時，鼠標右下角顯示標題文本。 l alt：設(shè)置圖像替代文字，主要用于在瀏覽器還沒有裝入圖像（或關(guān)閉圖像顯示）的時候，此：設(shè)置圖像替代文字，主要用于在瀏覽器還沒有裝入圖像（或關(guān)閉圖像顯示）的時候，此圖像的顯示信息。圖像的顯示信息。l border：設(shè)置圖片邊框。：設(shè)置圖片邊框。 l height和和width：分別用于設(shè)置圖像的高度和寬度：分別用于設(shè)置圖像的高度和寬度 l hspace和和vspace：分別用于設(shè)置圖像的左右邊框大小和上下邊框大小。：分別用于設(shè)置圖像的左右邊框大小和上下邊框大小。 l ismp和和usemap：在應(yīng)用圖像地圖（：在應(yīng)用圖像地圖（map）時使用。）時使用。 n事件屬性事件屬性 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)圖像標記（Exa）Title屬性屬性n如果在提示信息如果在提示信息中，需要換行，中，需要換行，可以使用可以使用“
”或或“
”來完成來完成換行輸出換行輸出n例如：例如：title= 提示：提示：
 泰山日出泰山日出高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)例2-2圖像標記的應(yīng)用示例Taishan Introduction高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)例2-2圖像標記的應(yīng)用示例（顯示結(jié)果）在瀏覽器中的顯示在瀏覽器中的顯示高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)超鏈接標記 n超鏈接的分類超鏈接的分類 l文本超鏈接文本超鏈接 u字符串字符串 l圖片超鏈接圖片超鏈接u n定義書簽定義書簽l書簽文本書簽文本n標記其它常用屬性標記其它常用屬性ltarget屬性，定義超鏈接打開的目標窗口。屬性，定義超鏈接打開的目標窗口。 u_self（相同框架），（相同框架），_blank（新建窗口），（新建窗口），_top（整頁），（整頁），_parent（父窗口）。（父窗口）。 ltitle屬性，屬性值為一字符串，鼠標指向超鏈接時，鼠標右下角顯示標題文本。屬性，屬性值為一字符串，鼠標指向超鏈接時，鼠標右下角顯示標題文本。 lonclick事件屬性事件屬性高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)例2-3超鏈接標記使用示例Shandong Travel美麗的山東美麗的山東濟南濟南 青島青島 曲阜曲阜 泰山泰山 煙臺煙臺 威海威海 日日照照濟南濟南青島青島主要旅游網(wǎng)主要旅游網(wǎng)返回返回關(guān)閉窗口關(guān)閉窗口高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)例2-3 顯示網(wǎng)頁在瀏覽器中的顯示在瀏覽器中的顯示 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)影像地圖標記 n什么是影像地圖什么是影像地圖l所謂影像地圖，就是在一個圖片上定義一系列區(qū)域，每個區(qū)域?qū)?yīng)一個超鏈接。所謂影像地圖，就是在一個圖片上定義一系列區(qū)域，每個區(qū)域?qū)?yīng)一個超鏈接。 n標記形式標記形式 n熱點標記（熱點標記（）屬性）屬性lhref屬性，用于設(shè)定該熱點所鏈接的屬性，用于設(shè)定該熱點所鏈接的url地址。地址。lshape和和coods屬性，屬性，shape和和coords是兩個主要的參數(shù)，用于設(shè)定熱點的形狀和是兩個主要的參數(shù)，用于設(shè)定熱點的形狀和大小。大小。ushape=“rect” ，shape=“circle” ，shape=poligon 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)在Frontpage 2003中設(shè)置影像地圖標記n首先插入一幅圖片，然后在圖片上右單擊，執(zhí)行首先插入一幅圖片，然后在圖片上右單擊，執(zhí)行“顯示圖片工具欄顯示圖片工具欄”命令，命令，即可定義熱點區(qū)域。即可定義熱點區(qū)域。高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)走馬燈標記n“走馬燈走馬燈”標記標記用于標記一行或多行滾動的文本，也可用于標記一行或多行滾動的文本，也可以將文本帶有超鏈接，以增加網(wǎng)頁的動態(tài)效果。以將文本帶有超鏈接，以增加網(wǎng)頁的動態(tài)效果。 n標記常用屬性標記常用屬性lalign屬性，設(shè)定活動字幕的位置，取值可以是屬性，設(shè)定活動字幕的位置，取值可以是left、center、right、top或或bottom。 l bgcolor屬性，設(shè)定活動字幕的背景顏色，一般是十六進制數(shù)。屬性，設(shè)定活動字幕的背景顏色，一般是十六進制數(shù)。 ldirection屬性，設(shè)定活動字幕的滾動方向，取值可以是屬性，設(shè)定活動字幕的滾動方向，取值可以是left、right、up或或down。 lbehavior屬性，設(shè)定滾動的方式，主要有三種方式：屬性，設(shè)定滾動的方式，主要有三種方式：behavior=“scroll”表示由一端表示由一端滾動到另一端；滾動到另一端；behavior=“slide”表示由一端快速滑動到另一端，且不再重復(fù)；表示由一端快速滑動到另一端，且不再重復(fù)； behavior=“alternate”表示在兩端之間來回滾動。表示在兩端之間來回滾動。 lheight和和width屬性，設(shè)定滾動字幕的高度和寬度。屬性，設(shè)定滾動字幕的高度和寬度。 lhspace和和vspace屬性，設(shè)定滾動字幕的左右邊框和上下邊框的寬度。屬性，設(shè)定滾動字幕的左右邊框和上下邊框的寬度。 lscrollamount屬性，設(shè)定活動字幕的滾動距離。屬性，設(shè)定活動字幕的滾動距離。 lscrolldelay屬性，用于設(shè)定滾動兩次之間的延遲時間。屬性，用于設(shè)定滾動兩次之間的延遲時間。 lloop屬性，用于設(shè)定滾動的次數(shù)，當屬性，用于設(shè)定滾動的次數(shù)，當loop=-1表示一直滾動下去，直到頁面更新。表示一直滾動下去，直到頁面更新。 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)走馬燈標記舉例n例例1活動字幕內(nèi)容第一行活動字幕內(nèi)容第一行活動字幕內(nèi)容第二行活動字幕內(nèi)容第二行活動字幕內(nèi)容第三行活動字幕內(nèi)容第三行n例例2歡迎光臨歡迎光臨n例例3滾動的內(nèi)容帶有超鏈接，可以將內(nèi)容用滾動的內(nèi)容帶有超鏈接，可以將內(nèi)容用標記，即：標記，即：活動字幕內(nèi)容活動字幕內(nèi)容 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)走馬燈標記顯示效果n 顯示顯示高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)走馬燈標記舉例（代碼）活動字幕內(nèi)容第一行活動字幕內(nèi)容第一行活動字幕內(nèi)容第二行活動字幕內(nèi)容第二行活動字幕內(nèi)容第三行活動字幕內(nèi)容第三行站點更新站點更新.泰山歡迎您泰山歡迎您高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)表格（Table）n什么是表格？什么是表格？l表格是由行、列構(gòu)成的。每一行可以分成若干列，每一列成為一表格是由行、列構(gòu)成的。每一行可以分成若干列，每一列成為一個單元格，相鄰的單元格可以合并。個單元格，相鄰的單元格可以合并。l應(yīng)用應(yīng)用u頁面布局頁面布局n相關(guān)標記相關(guān)標記l表格標記表格標記u l行標記行標記u l列標記列標記u 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)表格相關(guān)標記屬性n標記屬性標記屬性l一般屬性一般屬性l事件屬性事件屬性高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)例例2-42-4使用表格示例n HTML表格表格高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)例例2-42-4使用表格示例（代碼） 學(xué)生成績等記表學(xué)生成績等記表 學(xué)學(xué)  號號 姓姓  名名 高等數(shù)學(xué)高等數(shù)學(xué) 英英  語語 2008000001 張三張三 95 90 說說 明明 成績成績=平時平時*20%+期末期末*80% 2006年年1月月 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)表格的復(fù)雜設(shè)計n 表格嵌套表格嵌套l 單元格內(nèi)定義表格單元格內(nèi)定義表格n 立體表格設(shè)計立體表格設(shè)計l 設(shè)置表格單元格屬性設(shè)置表格單元格屬性n 表格居中表格居中高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)表單（form）n用戶交互用戶交互l表單表單l表單標記表單標記 n表單元素表單元素l單行文本框輸入單行文本框輸入l密碼文本框輸入密碼文本框輸入 l多行文本框輸入多行文本框輸入 lbutton按鈕輸入按鈕輸入 lradio單選鈕輸入單選鈕輸入 l復(fù)選框輸入復(fù)選框輸入l復(fù)選列表框輸入復(fù)選列表框輸入lhidden隱藏元素隱藏元素 l文件上傳文件上傳 l表單提交按鈕標記表單提交按鈕標記submit/reset 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)表單標記n一般形式一般形式 表單元素表單元素 n標記屬性標記屬性lname屬性，給出表單的名稱，用于腳本編程屬性，給出表單的名稱，用于腳本編程 lmethod屬性，屬性，method屬性用來定義服務(wù)器表單處理程序從表單中獲得信息的屬性用來定義服務(wù)器表單處理程序從表單中獲得信息的方式方式uget方法將數(shù)據(jù)打包放置在環(huán)境變量方法將數(shù)據(jù)打包放置在環(huán)境變量QUERY_STRING中作為中作為URL整體的一部分傳遞整體的一部分傳遞給服務(wù)器。給服務(wù)器。 upost方法分離地傳遞數(shù)據(jù)給服務(wù)器表單處理程序，不需要設(shè)置方法分離地傳遞數(shù)據(jù)給服務(wù)器表單處理程序，不需要設(shè)置QUERY_STRING環(huán)環(huán)境變量，因此境變量，因此POST有更好的安全性，表單中數(shù)據(jù)的多少是任意的，因為這些數(shù)據(jù)有更好的安全性，表單中數(shù)據(jù)的多少是任意的，因為這些數(shù)據(jù)從來也不分配到一個變量里。從來也不分配到一個變量里。 laction屬性，設(shè)置表單處理程序的網(wǎng)絡(luò)路徑和程序名，當用戶提交表單時，服務(wù)屬性，設(shè)置表單處理程序的網(wǎng)絡(luò)路徑和程序名，當用戶提交表單時，服務(wù)器將執(zhí)行器將執(zhí)行action屬性所設(shè)置的程序。屬性所設(shè)置的程序。 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)輸入類型標記n 一般形式一般形式輸入類型標記輸入類型標記 n 標記屬性標記屬性ltype屬性，給出輸入控件的類型，常用的控件類型有：屬性，給出輸入控件的類型，常用的控件類型有：text，textarea，radio，checkbox，button，image，hidden，password，file，submit/reset lname屬性，設(shè)置輸入控件的名字，程序需要通過控件名稱處理屬性，設(shè)置輸入控件的名字，程序需要通過控件名稱處理用戶輸入數(shù)據(jù)，同時，設(shè)置控件名稱可以增加用戶輸入數(shù)據(jù)，同時，設(shè)置控件名稱可以增加HTML代碼的可讀代碼的可讀性。性。 lvalue屬性，保存用戶的輸入和選擇，服務(wù)器通過調(diào)用輸入?yún)^(qū)域?qū)傩?，保存用戶的輸入和選擇，服務(wù)器通過調(diào)用輸入?yún)^(qū)域的的value屬性值來獲得輸入控件的數(shù)據(jù)。另外，用戶可以通過屬性值來獲得輸入控件的數(shù)據(jù)。另外，用戶可以通過value屬性來指定輸入?yún)^(qū)域的缺省值屬性來指定輸入?yún)^(qū)域的缺省值 。 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)單行文本框輸入標記n單行文本框輸入單行文本框輸入n主要屬性主要屬性lname屬性，文本框名稱，便于程序獲取用戶輸入。屬性，文本框名稱，便于程序獲取用戶輸入。 lvalue屬性，存儲文本框的取值，可以設(shè)一個初始值。屬性，存儲文本框的取值，可以設(shè)一個初始值。 lsize屬性，設(shè)置表示文本框的顯示長度。屬性，設(shè)置表示文本框的顯示長度。 lmaxlength屬性，屬性，maxlength是文本框中輸入的有效數(shù)據(jù)長度。是文本框中輸入的有效數(shù)據(jù)長度。 n例如：例如：用戶賬戶：用戶賬戶： 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)密碼文本框輸入標記n密碼文本框輸入密碼文本框輸入使用輸入密碼文本框控件，當用戶輸入密碼時，區(qū)域內(nèi)將會顯示使用輸入密碼文本框控件，當用戶輸入密碼時，區(qū)域內(nèi)將會顯示*號號 n主要屬性主要屬性lname屬性，文本框名稱，便于程序獲取用戶輸入。屬性，文本框名稱，便于程序獲取用戶輸入。 lvalue屬性，存儲文本框的取值，可以設(shè)一個初始值。屬性，存儲文本框的取值，可以設(shè)一個初始值。 lsize屬性，設(shè)置表示文本框的顯示長度。屬性，設(shè)置表示文本框的顯示長度。 lmaxlength屬性，屬性，maxlength是文本框中輸入的有效數(shù)據(jù)長度。是文本框中輸入的有效數(shù)據(jù)長度。 n例如：例如：密碼：密碼： 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)多行文本框輸入標記n多行文本框輸入多行文本框輸入l多行文本框，又稱滾動文本框。和其它的輸入類型不同，它不是通過多行文本框，又稱滾動文本框。和其它的輸入類型不同，它不是通過來指定的，它是一個雙標記來指定的，它是一個雙標記 input text n主要屬性主要屬性lname屬性，多行文本框的名稱，便于程序獲取用戶輸入。屬性，多行文本框的名稱，便于程序獲取用戶輸入。 lrows屬性和屬性和cols屬性，分別用來設(shè)置文本框的列數(shù)和行數(shù)，列與行以字符數(shù)為單位。屬性，分別用來設(shè)置文本框的列數(shù)和行數(shù)，列與行以字符數(shù)為單位。l標記對之間的文本標記對之間的文本input text為顯示的初始文本內(nèi)容。為顯示的初始文本內(nèi)容。 n例如：例如： 請輸入簡要說明請輸入簡要說明高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ) button按鈕輸入n 按鈕輸入按鈕輸入input type=button n主要屬性主要屬性l name屬性，屬性，name為按鈕名稱，便于程序?qū)Π粹o的操作。為按鈕名稱，便于程序?qū)Π粹o的操作。 l value屬性，屬性，value為按鈕的顯示名稱。為按鈕的顯示名稱。 button按鈕除了具有若干的一般屬性外，同時還可以接受各種鼠標事件，具有不同的鼠標和鍵盤事按鈕除了具有若干的一般屬性外，同時還可以接受各種鼠標事件，具有不同的鼠標和鍵盤事件屬性。件屬性。 n 例如：例如： 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)radio單選鈕輸入標記 n radio單選鈕輸入單選鈕輸入單選鈕主要用于從多個可選項中，選擇其中之一。往往是若干個單選鈕主要用于從多個可選項中，選擇其中之一。往往是若干個radio為為一組，他們具有相同的一組，他們具有相同的name，但不同的，但不同的value，從而選擇其中之一。，從而選擇其中之一。n主要屬性主要屬性l name屬性，單選扭的名稱，一般是若干個屬性，單選扭的名稱，一般是若干個radio一組，取相同的一組，取相同的name。 l checked屬性，用來設(shè)置該單選框缺省時是否被選中，相同屬性，用來設(shè)置該單選框缺省時是否被選中，相同name的的多個多個radio中只能有一個選擇，或都不使用該參數(shù)。中只能有一個選擇，或都不使用該參數(shù)。 l value屬性，存儲單旋鈕的取值，多個具有相同屬性，存儲單旋鈕的取值，多個具有相同name的單旋鈕應(yīng)該具的單旋鈕應(yīng)該具有不同的有不同的value。 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)radio單選鈕舉例 n 例如：例如： 性別：性別： 女性女性 男性男性 學(xué)歷：學(xué)歷： 學(xué)士學(xué)士 碩士碩士 博士博士 n 顯示顯示高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)復(fù)選框輸入標記n 復(fù)選框輸入復(fù)選框輸入l 復(fù)選框是對某種輸入做出復(fù)選框是對某種輸入做出“是是”或或“否否”的選擇的選擇l n 常用屬性常用屬性l name屬性，屬性，name為復(fù)選框的名稱，便于程序獲取用戶輸入為復(fù)選框的名稱，便于程序獲取用戶輸入l value屬性，每一個屬性，每一個checkbox 必須有一個必須有一個value，當復(fù)選框選中時，當復(fù)選框選中時，value值便會傳到表單的值便會傳到表單的action屬性指定的程序中。屬性指定的程序中。 l checked屬性，用來設(shè)置該復(fù)選框缺省時是否被選中。屬性，用來設(shè)置該復(fù)選框缺省時是否被選中。 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)復(fù)選框輸入標記（舉例）n 例如例如興趣愛好：興趣愛好： 體育體育 音樂音樂 文學(xué)文學(xué) 其它其它 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)復(fù)選列表框輸入標記n 復(fù)選列表框復(fù)選列表框創(chuàng)建一個下拉列表框或可以復(fù)選的列表框，定義復(fù)選列表框不需要在創(chuàng)建一個下拉列表框或可以復(fù)選的列表框，定義復(fù)選列表框不需要在中中指定輸入類型指定輸入類型 n 標記標記 屬性屬性l name屬性，屬性，name為下拉式列表控件名稱，便于程序獲取用戶輸入。為下拉式列表控件名稱，便于程序獲取用戶輸入。 l size屬性，下拉式列表的高度，缺省時值為屬性，下拉式列表的高度，缺省時值為1，若沒有設(shè)置（加入），若沒有設(shè)置（加入）multiple屬性，顯屬性，顯示的將是一個彈出式的列表框。若使用此參數(shù)則不會有示的將是一個彈出式的列表框。若使用此參數(shù)則不會有PopUp效果。如果小于可選的效果。如果小于可選的項目數(shù)量，則出現(xiàn)垂直滾動條。項目數(shù)量，則出現(xiàn)垂直滾動條。 l multiple屬性，指定是否可以多選。屬性，指定是否可以多選。multiple屬性不用賦值，直接加入屬性不用賦值，直接加入標記中標記中即可使用，加入了此屬性后列表框就成了可多選的了。即可使用，加入了此屬性后列表框就成了可多選的了。 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)復(fù)選列表框輸入標記（舉例）n 舉例舉例城市：城市： 北京北京 濟南濟南 青島青島高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)hidden隱藏元素標記n hidden隱藏元素隱藏元素l 在一個表單中，可以定義隱藏表單元素，它在網(wǎng)頁上并不顯示，不需要用戶在一個表單中，可以定義隱藏表單元素，它在網(wǎng)頁上并不顯示，不需要用戶輸入，主要目的是隨表單一起傳給表單處理程序一個特定的值，用于為網(wǎng)頁輸入，主要目的是隨表單一起傳給表單處理程序一個特定的值，用于為網(wǎng)頁處理程序傳送數(shù)據(jù)。處理程序傳送數(shù)據(jù)。l n 例如例如高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)文件上傳標記n 文件上傳標記文件上傳標記 n 一般屬性一般屬性l name屬性為控件名稱，屬性為控件名稱，l size屬性顯示文本框長度。屬性顯示文本框長度。l Accept屬性設(shè)置上載文件過濾，即點擊屬性設(shè)置上載文件過濾，即點擊“瀏覽瀏覽”按鈕時，只顯示指定文件類按鈕時，只顯示指定文件類型的文件列表。型的文件列表。 n 例如例如提交論文：提交論文：高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)表單提交與重填按鈕n表單提交表單提交l當表單填寫完畢后，需要選擇的當表單填寫完畢后，需要選擇的submit/reset按鈕，它結(jié)束表單輸入，將表單數(shù)據(jù)傳送到服務(wù)器端，由表單按鈕，它結(jié)束表單輸入，將表單數(shù)據(jù)傳送到服務(wù)器端，由表單標記中的標記中的action屬性指定的服務(wù)器上的程序處理用戶輸入數(shù)據(jù)。屬性指定的服務(wù)器上的程序處理用戶輸入數(shù)據(jù)。l n 重填按鈕重填按鈕 l表單清除就是要將表單中已做的輸入和選擇全部清除，重新填寫。表單清除就是要將表單中已做的輸入和選擇全部清除，重新填寫。ln 一般屬性一般屬性lname屬性，這和其它控件的屬性不同，在提交表單中，屬性，這和其它控件的屬性不同，在提交表單中，name可以指定一個函數(shù)，需要和可以指定一個函數(shù)，需要和form標記中標記中action屬性的屬性的程序配合。一般情況下，不需要程序配合。一般情況下，不需要name屬性。屬性。 lvalue屬性，提交按鈕的顯示名字，一般為屬性，提交按鈕的顯示名字，一般為“確定確定”、“提交提交”等易于理解的名字。等易于理解的名字。 lOnclick事件屬性。事件屬性。 n 例如例如 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)表單設(shè)計舉例（一）n表單設(shè)計表單設(shè)計高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)例2-5 表單設(shè)計舉例n 一個利用一個利用form計算階乘的例子計算階乘的例子 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)利用form計算階乘HTML代碼(Part1)A simple example for Formvar calcOnly = false;function fact(n) if (n=0) return 1; else return n*fact(n-1);function calcFact(n) var res; res=fact(n); document.myForm.result.value = res; calcOnly=true; document.myForm.n.focus();高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)利用form計算階乘HTML代碼(Part2)使用表單示例使用表單示例 計算計算n的階乘的階乘 輸入輸入n 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)層次塊標記n層次塊標記層次塊標記divl 層次塊標記層次塊標記用于定義網(wǎng)頁上的一個矩形塊，中間可以包含引起行中斷的用于定義網(wǎng)頁上的一個矩形塊，中間可以包含引起行中斷的標記，如標記，如標記等。標記等。l 層次塊標記的一般形式是：層次塊標記的一般形式是： n標記屬性標記屬性l Id，屬性，用于標記一個，屬性，用于標記一個塊，以便引用該塊。塊，以便引用該塊。 l style屬性，屬性，u和和沒有默認的顯示樣式?jīng)]有默認的顯示樣式 ，必須使用，必須使用style屬性和屬性和class樣式類定義圖層樣式類定義圖層塊的位置、大小、顯示屬性等。塊的位置、大小、顯示屬性等。l 例如：例如：style=width:100px;height:100px;overflow-x :hidden;overflow-y:hidden; 。 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)對象和腳本程序標記n插入對象標記插入對象標記 n 腳本程序定義標記腳本程序定義標記 腳本程序代碼腳本程序代碼n標記屬性標記屬性l language，設(shè)置腳本程序語言，設(shè)置腳本程序語言， 如：如：JavaScript,Jscript,etc.l runat屬性，設(shè)置腳本是客戶端還是服務(wù)端腳本，默認為客戶端腳本。屬性，設(shè)置腳本是客戶端還是服務(wù)端腳本，默認為客戶端腳本。 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)層疊樣式表CSS技術(shù)n 標記樣式標記樣式lstyle屬性與內(nèi)聯(lián)樣式屬性與內(nèi)聯(lián)樣式l標記的標記的id屬性屬性lclass屬性屬性 n修改標記默認樣式修改標記默認樣式n樣式（樣式（.css）文件）文件高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)Css綜合舉例n 要求要求l 熟悉常用的熟悉常用的CSS樣式屬性及其功能樣式屬性及其功能 。 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)Css綜合舉例-exa2-05.htmexa2-05.htm代碼清單代碼清單n 網(wǎng)頁代碼網(wǎng)頁代碼 用戶登錄用戶登錄 帳戶：帳戶： 。高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)Css綜合舉例csscss文件（文件（pub1.css）body margin:10 auto; font-size:11px; text-align:center; background-color:#FFFFFF; a font-size:11pt; color:#0000FF; text-decoration:none; a:hover color:#FF0000; font-weight:bold; text-decoration:none;a:visited color: #0000FF; text-decoration: none;.word1 font-family: 宋體宋體; font-size: 15pt; height:20px; color:#FF0000; text-align:center; vertical-align:middle; 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)使用幀n幀（幀（Frame）l幀（幀（Frame）可以用來將瀏覽器窗口劃分為多個區(qū)域）可以用來將瀏覽器窗口劃分為多個區(qū)域（子窗口），每個子窗口中裝載一個（子窗口），每個子窗口中裝載一個HTML文件。文件。n一般形式一般形式 高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)使用幀（顯示界面）n幀（幀（Frame）高等教育高等教育“十一五十一五”國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)國家級規(guī)劃教材計算機技術(shù)基礎(chǔ)使用幀（顯示界面）Part A超文本標記語言超文本標記語言HTMLThe End