A、數據、服務器
1、上網就是請求數據，數據緩存。
2、服務器
服務器上面存放著網頁相關的文件：包括HTML、CSS、JS文件、圖片等。
當我們打開瀏覽器，輸入網址，我們的計算機就會對這些文件發送HTTP請求
服務器收到這個請求之后，會把這些文件通過HTTP協議，傳輸到我們的計算機通道中，
然后，我們的瀏覽器再對這些文件進行渲染，呈遞到頁面上。
3、HTTP（超文本傳輸協議 ：Hypertext Transfer Protocol.）
比普通文本厲害的文本，就是超文本
4、HTML
業界的一個標準，網頁技術的嚴格的三層分離：
HTML負責描述頁面的語義；CSS負責面熟頁面的樣式；JS負責描述頁面的動態效果；
所以：HTML不能讓文字居中，也不能更改樣式，比如顏色、字體，這都是CSS干的，也不能讓盒子動起來，這是JS干的
也就是說：HTML只能干一件事情，通過標簽對，給文本添加語義。
B、HTML
1、文檔聲明頭
任何一個標準的HTML頁面，第一行一定是
<!DOCTYPE ……>
作用：它可以告知文檔用哪個類型的規范
我們之前所學的HTML，他是HTML4.01版本，也是從IE6開始兼容的，HTML5是從IE9開始兼容的。
有很多類型：
在HMTL4.01版本里面，有兩種大規范，每個大規范里面有三個小規范，所以總共有6個規范。
HTML4.01它分為兩種：普通的、以及XHTML。
HTML它覺得自己的規范不嚴謹
<h1><H1>
于是，誕生了一個嚴謹的規范：XHTML ，X代表的嚴格；
HTML 4.01 Strict 嚴格的
該 DTD 包含所有 HTML 元素和屬性，但不包括展示性的和棄用的元素（比如 font）。不允許框架集（Framesets）。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional 普通的
該 DTD 包含所有 HTML 元素和屬性，包括展示性的和棄用的元素（比如 font）。不允許框架集（Framesets）。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset 帶有框架的
該 DTD 等同于 HTML 4.01 Transitional，但允許框架集內容。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
在HTML5里面，簡化成了<!DOCTYPE html>，并且，向下兼容
2、字符集
<meta charset="utf-8" />
字符集用meta標簽定義，meta代表“元”，“元”配置，便是基本的項目配置
Charset就是字符集合的意思，
在中文項目開發中，主要分為兩種字符集：
1、 UTF-8：國際通用字庫，涵蓋了全球所有人類的文字語言。
2、 Gb2312:是國標，中國的字庫，里面只包含所有漢子和常用的外文，比如日文片假名，還有一些常見的符號$￥。
字庫的規模：UTF-8>gb2312
字庫的選擇，因為UTF-8涵蓋的文字很多，所以臃腫，加載速度很慢，gb2312小巧，加載速度快很多
列子：
QQ網，網易，搜狐都是用的gb2312，他們追求顯示速度、
新華網，用的UTF-8，保證字符集的數量。
2.1 關鍵字和頁面描述
meta標簽除了可以設置字符集，還可以設置關鍵字和頁面描述
<meta name="description" content="網易是中國領先的互聯網技術公司
為用戶提供免費郵箱、游戲、搜索引擎服務,開設新聞、娛樂、
體育等30多個內容頻道,及博客、視頻、論壇等互動交流,網聚人的力量。" /
給頁面設置這個描述，那么當你百度搜索的內容和這個相關，就會顯示出你的頁面，這個技術叫做“SEO搜索引擎優化”
定義關鍵字：
3. title標簽
也能有助于SEO，
4. HTML，對換行不敏感，對空格，tab不敏感。當出現空格、換行的時候，會出現空白折疊現象。
5. HMTL標簽
5.1 P標簽
段落標簽，他是一個文本級標簽，里面只能放文字、圖片、表單元素，其余一律不能放。
5.2 img
頁面中可以插入圖片的類型有：jpg,gif,png,bmp。
Html是不能直接放入圖片，因為他是純文本，所以只能插入圖片路徑，所以長傳項目的時候，圖片也要一起打包上傳。
他是一個自封閉鏢標簽
自封閉標簽和標簽對的區別，標簽對除了給頁面添加語義，還要添加內容，自封閉標簽只要添加語義就行了。
5.2.1 img標簽屬性
alt:替代
src:路徑
當你需要返回上一層的時候，那么，就：../
相對路徑絕對不會出現下列情況：
aaa/../bb/1.jpg
6. 超級鏈接
一個網站，他是由很多html頁面組成的，html之間，是可以通過超鏈接相互跳轉，形成一個“網”。
語法：<a href="index.html">主頁</a>
a， 就是錨的意思
6.1 a標簽的另外兩個屬性
title：懸停文本
target：是否在新窗口中打開。目標的意思
<a href="index.html" title="這是前往主頁的" target="_blank">主頁</a>
target="_blank" _blank他是一個固定的寫法
6.2 錨點
頁面中是可以有錨點的，所謂的錨點，就是一個小標記，這個標記用戶不可察覺，可以通過name屬性來設置，或者ID，如果a標簽有name屬性，那么就是頁面的一個錨點
<a href="#md" target="_blank">前往錨點</a>
<a id="md">我是一個錨點</a>
最后，a標簽是一個文本級標簽，a的語義要小于p，a就可以當做文本來處理，所以p里面就相當于放的純文字
正確：p包裹a
<p><a>段落</a></p>
錯誤：
<a><p>duanluo</p></a>
7. 列表（三種）
7.1無序列表
無序列表，用來定義一個列表的語義，并且每個項目和每個項目之間是不分先后的
Ul，無序列表
Li，列表項
7.2有序列表
Ol，有序列表
Li，列表項
有序列表用的不多，平時可以直接在ul里面加入數字代表序列
7.3定義列表
定義列表也是一個組標簽，不過比較復雜，出現了三個標簽：
dl:表示定義列表
dt：表示定義標題
dd：表示定義表述詞
dt,dd只能在dl里面，dl里面只能有dt,dd,一個dt可以配多個dd
dt,dd 都是容器級標簽，想放什么都可以，所以，現在我們應該注意并且了解：
【用什么標簽，不是根據樣式來決定，而是語義?！?/p>
8. div和span
div和span是非常重要的標簽，div的語義的’分割’，span的語義是’范圍、跨度’，在CSS里面，他們都是最重要的盒子。
Div是一個容器級標簽，里面什么都可以放，包括他自己。
Span也表達一個小區域，小跨度，但是是一個文本級標簽。
也就是說，span里面只能放文字、圖片、表單元素，里面不能放p、h1-h6、ul、dl、ol、div。
Span里面是放小元素的，div里面是放大東西的。
我們日常的開發模式都稱為：div+css布局，div負責布局，負責結構，負責分塊，CSS負責樣式。
9. 表單
表單就是收集用戶信息的，讓用戶填寫、選擇的。
Form就是英語表單的意思，里面有action和method屬性。Action就是表示，將要把表單提交到哪個地兒。Method屬性表示用什么HTTP方法提交，有get和post兩種方法。（在JS的AJXA里面詳細介紹）。
9.1 文本框 <input type="text" />
Input表示輸入，指的是這是一個“輸入小部件”，
Type代表類型
Text，表示是一個文本。
這也是自封閉標簽
還有默認值：value，就是框中已經填寫好的內容。
9.2 密碼框 <input type="password" />
9.3 單選按鈕
<input type="radio" name="xingbie" />男
<input type="radio" name="xingbie" />女
只能選一個，術語叫做互斥，通過name來設置，name相同則互斥。
如果想要默認被選中，那么則加上checked
9.3 復選框
<input type="checkbox" name="aihao"/>睡覺
<input type="checkbox" name="aihao"/>吃飯
<input type="checkbox" name="aihao"/>打球
復選框最好也要給相同的name。
在html5里面，input類型會增加很多，在這里，我們先用這幾個基本的
9.4 下拉列表
Select就是選擇，option就是選項
Select標簽和ul,ol,dl一樣，都是組標簽。我們可以用select做頁面的分塊布局
9.5 多行文本框（文本域）
Text就是文本，area就是區域
<textarea cols="30" rows="10"></textarea>
這個標簽，是一個標簽對，里面不用寫東西，如果寫了，就是默認文字。
Cols代表列，rows代表行。值就是一個數，表示多少行多少列。
9.6 三種按鈕
按鈕也是input標簽，一共有三種：
普通標簽：
<input type="button" value="我是一個普通標簽" />
提交按鈕：
<input type="submit" />
Submit就是英語提交的意思，這個按鈕不需要填寫內容就有提交的文字，這個按鈕點擊后，表單就會被提交到后臺。
傳統前端開發工程師，只需要關系頁面的樣式，板式，交互，數據的保存，讀取，處理，都是后臺做的，但是，我們后面會學（node.js，他是處理后臺數據的框架），然后，我們怎么把數據給后臺，通過兩種方式，一種表單提交，另一種，ajxa.
9.7 label標簽
在前面的單選按鈕里面，有兩個漢字，男、女，這兩個漢字和input標簽沒有關系，那么，label就是解決這個問題的，
Input元素要有一個ID，然后label標簽就有一個for屬性，和ID相同，就表示綁定起來了。
什么表單元素都可以有label
9.8 重置按鈕：
<input type="reset" " />
Reset復位的意思
Input類型：
Text,password,radio,checkbox,button,submit,reset。
10. HTML的廢棄標簽。
現在HTML只負責語義，而不負責樣式，但是HTML一開始，連樣式也包辦了。這些樣式標簽，都已經被廢棄了。
2004年前面的東西：
<font size="12" color="red">哈哈</font>
這些標簽都是CSS鉤子，而不是愿意：
<b>加粗</b><u>下劃線</u><i>傾斜</i><del>刪除線</del><em>強調</em><strong>強調</strong>
這些標簽，有濃厚的樣式作用，干涉了CSS的作用，所以HTML拋棄了他們。
<br /><hr />
