【正文】 Web也是一種超文本信息系統(tǒng)，可以從一個(gè)位置跳轉(zhuǎn)到另一個(gè)位置，即從一個(gè)網(wǎng)站跳轉(zhuǎn)到另一個(gè)網(wǎng)站。 Web服務(wù)是 Inter中的一個(gè)服務(wù)，只是這個(gè)服務(wù)實(shí)在是運(yùn)用得太廣了，以至于很多人都把 Web看成是 Inter了。 HTML是用來制作網(wǎng)頁的計(jì)算機(jī)語言，使用該語言可以制作用于瀏覽的網(wǎng)頁和網(wǎng)站。數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 Ajax編程技術(shù) 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 Ajax XHTML CSS JavaScript XML Ajax技術(shù) 結(jié)構(gòu)化 HTML XHTML語法 XHTML應(yīng)用實(shí)例 CSS 簡介 CSS選擇器與各種屬性 CSS應(yīng)用實(shí)例 基本語法 運(yùn)算符 控制語句 函數(shù) 事件處理 內(nèi)置對(duì)象 窗口中的對(duì)象和元素 JavaScript案例 XML基礎(chǔ) XML文檔結(jié)構(gòu) XML文檔解析 了解 DTD 了解 Schema SAX編程 DOM編程 Ajax介紹 Ajax概念 Ajax框架 Ajax示例演示 現(xiàn)狀與需要解決的問題 為什么使用 Ajax XMLHttpRequest簡介與創(chuàng)建該對(duì)象 Java Web技術(shù) (Servlert、 JSP、 Ajax應(yīng)用 ) DWR、 Dojo、 EXTJS、 Prototype等 Google Web Toolkit 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 Inter、 Web和 HTML Inter就是互聯(lián)網(wǎng)，是用于連接各個(gè)計(jì)算機(jī)平臺(tái)的網(wǎng)絡(luò)。 Inter本身可以提供多種網(wǎng)絡(luò)服務(wù)， Web就是其中的一種。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 什么是 Web 從廣義上來說， Web是 World Wide Web的簡稱 (也可以簡稱為 “ W3”或 “ WWW”)。 Web使用的是 HTTP即超文本傳輸協(xié)議，使用該協(xié)議可以將文檔中的不同部分或不同文檔之間用鏈接建立聯(lián)系，使信息可以用交互的方式進(jìn)行搜索。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 什么是網(wǎng)頁 網(wǎng)頁是用 HTML語言編寫的一種文件，將這種文件放在Web服務(wù)器上可以讓在互聯(lián)網(wǎng)上的其他用戶瀏覽。網(wǎng)頁也是通過 HTTP協(xié)議來傳遞給瀏覽者的。 網(wǎng)站是網(wǎng)頁的集合，多個(gè)網(wǎng)頁可以共同組成一個(gè)網(wǎng)站。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 什么是 HTML HTML(Hyper Text Markup Language)是超文本標(biāo)記語言，是用來編寫網(wǎng)頁的語言。 HTML的功能 HTML語言是網(wǎng)頁的描述語言，可以把文字、圖片、音頻、視頻等多種文件集成到一個(gè)文件中，形成一個(gè)整體，這個(gè)文件就是上面所說的網(wǎng)頁。這就是描述語言的力量。 “ b”與 “ /b”是一對(duì)標(biāo)簽，該標(biāo)簽的作用是將包含在其中的文字顯示為粗體，而標(biāo)簽本身在網(wǎng)頁上并不會(huì)顯示出來。 HTML也不是一成不變的，隨著網(wǎng)絡(luò)技術(shù)的發(fā)展， HTML自身也在發(fā)展，目前 HTML的最高版本是 HTML 。 Script語言是可以運(yùn)行的腳本語言，可以彌補(bǔ)HTML語言不夠靈活的缺點(diǎn)，使得頁面更加豐富多彩，功能強(qiáng)大。 HTML語言是一種描述文檔結(jié)構(gòu)的語言，可以指定 Web頁的外觀和布局；圖形放在什么地方，文本的外觀如何，單擊某個(gè)鏈接跳轉(zhuǎn)到哪些頁面等內(nèi)容。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 1. (X)HTML標(biāo)記概述 html head title 這是標(biāo)題部分 /title /head body p這是正文部分 !/p /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 使用 HTML標(biāo)簽的注意事項(xiàng)： 因?yàn)?HTML是標(biāo)記性語言，所以 HTML是由眾多標(biāo)簽組成的，學(xué)習(xí) HTML語言也就是學(xué)習(xí)這些標(biāo)簽及其代表的含義的過程。 HTML元素的屬性在后面介紹。 (2)標(biāo)簽里包含的必須是 HTML語言中的有效元素，如果在“ ” 與“ ”之間包含的不是 HTML的元素，那么“ ” 與“ ” 之間的文字將會(huì)被忽略。 /thanks 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 (3)大多數(shù)標(biāo)簽都是成對(duì)出現(xiàn)的，如上面的“ b” 標(biāo)簽與“ b” 標(biāo)簽就是一對(duì)標(biāo)簽，其中“ b” 標(biāo)簽是開始標(biāo)簽，“ /b” 標(biāo)簽是結(jié)束標(biāo)簽。并不是所有標(biāo)簽都是成對(duì)出現(xiàn)的，例如“ br” 標(biāo)簽就沒有結(jié)束標(biāo)簽，其含義為“換行”。如，“ b” 標(biāo)簽的意思是加粗字體，那么只有包含在“ b” 標(biāo)簽與“ /b” 標(biāo)簽之間的文字才會(huì)被加粗， 在“ B” 標(biāo)簽與“ /b”標(biāo)簽之外的文字，不受“ b” 標(biāo)簽與“ /b” 標(biāo)簽的影響。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 元素的屬性 在 HTML里有很多元素都是有屬性的，它們可以為包含在其中的文本提供多種選項(xiàng)，如下面的代碼： font color=red你好 /font晚上好 ! br font size=5謝謝 /font,font color=blue size=7我很好 /font 在上面的例子里有一個(gè)這樣的標(biāo)簽 :“font color=red” ，在這個(gè)標(biāo)簽里，“ font” 是 HTML的元素，用于設(shè)定字體屬性；color是 font元素的屬性； red是 color的屬性值，也就是紅色。以下代碼是不正確的： fontcolor=red你好 /font 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 元素的屬性 (2)元素與元素屬性之間必須用空格分開，以下代碼是不正確的： fontcolor=red你好 /font (3)元素的屬性值可以用“ ”或“ 39。以下 3行代碼的運(yùn)行結(jié)果是一樣的： font color=red font color=39。 font color=red (4)如果元素的屬性值中含有空格，必須用“ ”或“ 39。例如，以下兩行代碼的運(yùn)行結(jié)果是不一樣的： a href=39。 title=this is my html a href= title=this is my html 以上代碼里，第一行標(biāo)簽里的 title屬性的值為 this is my html，而第二行標(biāo)簽里的 title 屬性的值為 this。 在上面例子里的 font color=blue size=7標(biāo)簽里， color與 size都是 font元素的屬性，它們可以同時(shí)出現(xiàn)在同一個(gè)標(biāo)簽里。由于在 font元素里同時(shí)指定了 color 與 size屬性，所以包含在 font color=blue size=7標(biāo)簽與 /font標(biāo)簽里的文字既是藍(lán)色又是 7號(hào)大小的字。 注意：在 HTML里有很多標(biāo)簽的屬性都是通用的，例如 TITLE屬性在大多 html元素里都可以使用。 如： br (2) 標(biāo)記名稱屬性 =屬性值 單一型，有設(shè)置值的。 如： title…/title (4) 標(biāo)記名稱屬性 =“屬性值” …/ 標(biāo)記名稱 對(duì)稱型，有設(shè)置值。 (1)空格的處理 現(xiàn)在常用的瀏覽器通常都會(huì)忽略 HTML文檔中標(biāo)簽之外的空格。雖然目前有很多種用來編寫交互性網(wǎng)站的語言，如 asp、 jsp、 php、 ，但是追根到底，用這些語言編寫出來的程序也是生成一個(gè)標(biāo)準(zhǔn)時(shí)HTML網(wǎng)頁來傳遞給瀏覽者觀看。將以上代碼修改如下： b粗體 /b＆ nbsp。 雖然目前有很多種用來編寫交互性網(wǎng)站的語言 ， 如asp、 jsp、 php、 ， 但是追根到底 ， 用這些語言編寫出來的程序也是生成一個(gè)標(biāo)準(zhǔn)時(shí) HTML網(wǎng)頁來傳遞給 瀏覽者觀看 。下表里列出了需要轉(zhuǎn)換的字符。 amp。 美分符號(hào) 162。 163。 163。 注冊(cè)符號(hào) amp。 176。deg 178。sup2 179。sup3 165。yen。 節(jié)符號(hào) amp。 169。 169。 and符號(hào) amp。 小于符號(hào) 大于符號(hào) € 歐元符號(hào) amp。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 注釋 在 HTML語言里，可以使用“ !”與“ ”來注釋代碼 html head ! 這個(gè)是網(wǎng)頁的標(biāo)題 title第一個(gè)網(wǎng)頁 /title /head body ! 在此可以輸入網(wǎng)頁的內(nèi)容 該網(wǎng)頁的內(nèi)容會(huì)在瀏覽器中顯示出來 這是我創(chuàng)建的第一個(gè)網(wǎng)頁。 html元素 html元素用于聲明該文檔是一個(gè) html文檔。HTML文件的擴(kuò)展名為 .htm或 .html。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 HTML元素包含兩個(gè)部分 : 一部分是標(biāo)頭部分，用于描述 HTML文檔，不在瀏覽器中直接顯示； 另一部分是正文部分，該部分的內(nèi)容除標(biāo)簽與注釋之外，都會(huì)在瀏覽器中直接顯示出來。 head元素 head元素用于標(biāo)記 HTML文檔的標(biāo)頭部分，標(biāo)頭部分可以包含文檔的標(biāo)題、作者、參考信息等內(nèi)容，一般來說；多數(shù)HTML文件只在標(biāo)頭部分包含了標(biāo)題信息。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 title元素用于標(biāo)記 HTML文檔的標(biāo)題，其標(biāo)注內(nèi)容會(huì)在瀏覽器的標(biāo)題欄里顯示出來。 “ title/title”標(biāo)簽應(yīng)該放置在“ head/head”標(biāo)簽內(nèi)。 ? “ body/body”標(biāo)簽不應(yīng)該放在“ head/head”標(biāo)簽內(nèi)，“ head/head”標(biāo)簽也不應(yīng)該放在“ body/body”標(biāo)簽內(nèi)。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 第 2章 設(shè)置文本格式 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 分段標(biāo)記 p 屬性 =值 …/p 段落是文檔的基本信息單位。 align=段落的水平對(duì)齊方式 其值如下 : left: 左對(duì)齊（默認(rèn)值） center: 對(duì)中 right: 右對(duì)齊 justify: 兩邊對(duì)齊 省略該屬性，則取默認(rèn)值。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 【 例 】 分段標(biāo)記和換行標(biāo)記的演示。常用屬性如下： ? face=“字體名表” (字體名之間用“ ,”分隔 ) 瀏覽器首先使用字體名表中的第 1種字體來顯示標(biāo)記內(nèi)的文本。如果到達(dá)列表結(jié)束，仍然找不到匹配字體，瀏覽器將使用默認(rèn)字體。 size值越大，顯示的字號(hào)就越大。例如： ? color=“顏色值” 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 例 字體大小的設(shè)置 html head title 文字大小 /title /head body 這是默認(rèn)文字大小 br font size=11 號(hào)字體大小 /fontbr font size=22 號(hào)字體大小 /fontbr font size=33 號(hào)字體大小 /fontbr font size=44 號(hào)字體大小 /fontbr font size=55 號(hào)字體大小 /fontbr font size=66 號(hào)字體大小 /fontbr font size=77 號(hào)字體大小 /fontbr /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 【 例 】 使用字體標(biāo)記來設(shè)置文本的字體。 html head title設(shè)置字體、字號(hào)和顏色 /title /head body font align=center size=