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