一、企業應用計算的演變
1、主機/終端模式（Mainframe/Terminal）：使用者一般通過只有一個屏幕、一個鍵盤和一根主機連接線的“啞終端”與主機的應用程序進行交互。
- 超市收銀
- 航空售票
- 小型儲蓄所
2、客戶機/服務器（Client/Server)：在網絡技術的支持下，應用程序不僅可利用本機資源，還可通過網絡方便地共享網上其它計算機資源
3、計算機分類
- 服務器：向其它計算機提供各種服務
- 客戶機：享受服務器提供服務的計算機
4、瀏覽器/服務器（Browser/Server,簡稱B/S）
特徵：只需安裝瀏覽器
減少了客戶端的維護工作量，方便了用戶使用
5、網頁內容
用戶登錄 用戶名： <輸入用戶名的文本框> 密碼：<輸入密碼的文本框> <確定按鈕><取消按鈕>
6、Web瀏覽器
最流行的瀏覽器：Microsoft Interner Explorer(IE)、Mozilla系列的FireFox
| IE | tredent |
| Firefox | gecko |
| chrome | uebkit |
| Opera | proste |
| Sufari | webkit |
7、HTTP請求格式
請求行 GET（HTTP方法）
/lovobok/index.html(請求的URL) HTTP/1.1(HTTP版本)
請求頭 Host:：127.0.0.1:80
空行
消息體 username=lovo
8、HTTP響應格式
狀態行 HTTP/1.0（HTTP版本）
200（響應碼） OK（響應描述）
響應頭
空行
消息體 <html></html>
9、網頁分類
- 靜態網頁
保存形式：.tml或.htm
發佈後，頁面內容（文本、圖像、超鏈接）和外觀總是保持不變
優點：訪問效率高
網站的架設與開發相當容易
- 客戶端動態網頁
網頁技術包括：JavaScript、Active控件、Java Applet
優點：充分利用了計算資源
減輕了服務器和網絡上的計算壓力
方便地實現基於圖形的用戶交互界面
- 服務器端動態網頁
不管採用靜態或動態網頁技術開發的網頁，最終由Web服務器解析，通過HTTP協議發送到客戶端
10、網頁編程工具的選擇
編輯器：記事本、UltraEdit、EditPlus、Emacs
圖形化的網頁編輯工具：Microsoft FrontPage、Macromedia Dreamweaver、TopStyle
二、XHTML基礎
1、語法規則
<開始標記或打開標記>元素內容<結束標記或關閉標記>
例如：<p>語法規則</p>
<img src="hello.gif"/>
2、定義標題
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>3、定義段落（Paragraph）
<p>段落示例</p>
4、定義列表
<p>無序列表實例</p>
<ul>
<li>編寫XHTML文件</li>
<li>編寫XML文件</li>
<li>編寫JSP文件</li>
</ul><p>有序列表實例</p>
<ol>
<li>編寫XHTML文件</li>
<li>編寫XML文件</li>
<li>編寫JSP文件</li>
</ol><p>定義列表實例</p>
<dl>
<dt>貓</dt>
<dd>一隻可愛的貓</dd>
<dt>手電筒</dt>
<dd>使用電池的設備</dd>
<dt>cute</dt>
<dd>可愛</dd>
</dl>功能：可以使文本按照源文件中的編排格式，一模一樣的在瀏覽器中顯示
<pre>
2.9
+1.2
--------
4.1
</pre>功能：把文檔的某個部分用邊框圍起來
<html>
<head>
<style>
.bodered{ boder-style:solid;}
</style>
</head>
<body>
<p>這是一個常規的段落</p>
<div class="bodered">
<p>這是 一個用div樣式界定的段落</p>
</div>
</body>
<ml>功能：可指定文本爲粗體、紅色、帶下劃線
<html>
<head>
<style>
.emphasis{ color:red;text-decoration:underline;font-weight:blod;}
</style>
</head>
<body>
<p><span class="emphasis">這段文本被着重強調</span>，而這段沒有</p>
<div class="bodered">
<p>這是 一個用div樣式界定的段落</p>
</div>
</body>
<ml>8、特殊字符
 ；空格
<；左尖括號<或小於號
>右尖括>或大於號
©版權符號
®；已註冊符號
&and符號&
౏長破折號
<；左尖括號<或小於號
>右尖括>或大於號
©版權符號
®；已註冊符號
&and符號&
౏長破折號
9、創建超鏈接
web連接有兩個基本的組件：
①鏈接：指在主文檔中指向其它文檔的文本
②目標：指鏈接所指向的文檔或者主文檔中的某個位置
格式：
<a><href="目標URL">描述文本</a>
目標：①鏈接：指在主文檔中指向其它文檔的文本
②目標：指鏈接所指向的文檔或者主文檔中的某個位置
格式：
<a><href="目標URL">描述文本</a>
target="_blank" (打開新頁面)
target="_self"(默認本頁面)