理論知識(shí)
（此文章只是用于自己之后的復(fù)習(xí)）
HTML是網(wǎng)頁(yè)內(nèi)容的載體。內(nèi)容就是網(wǎng)頁(yè)制作者放在頁(yè)面上想要讓用戶瀏覽的信息强岸，可以包含文字锻弓、圖片、視頻等蝌箍。
CSS樣式是表現(xiàn)青灼。比如，標(biāo)題字體妓盲、顏色變化杂拨，或?yàn)闃?biāo)題加入背景圖片、邊框等悯衬。所有這些用來改變內(nèi)容外觀的東西稱之為表現(xiàn)弹沽。
JavaScript是用來實(shí)現(xiàn)網(wǎng)頁(yè)上的特效效果。如：鼠標(biāo)滑過彈出下拉菜單〔唛伲或鼠標(biāo)滑過表格的背景顏色改變炸渡。還有焦點(diǎn)新聞（新聞圖片）的輪換±鲆眩可以這么理解蚌堵，有動(dòng)畫的，有交互的一般都是用JavaScript來實(shí)現(xiàn)的沛婴。
HTML標(biāo)簽不區(qū)分大小寫吼畏。
<!DOCTYPE>不是 HTML 標(biāo)簽。是指令嘁灯，它為瀏覽器提供一項(xiàng)信息（聲明）泻蚊，即 HTML 是用什么版本編寫的。(因?yàn)镠TML 也有多個(gè)不同的版本丑婿，所以瀏覽器需要知道是哪一版的html才能正確顯示性雄，<!DOCTYPE HTML>HTML指html5)
行內(nèi)元素適合顯示具體內(nèi)容，而塊級(jí)元素適合做布局枯冈。行內(nèi)元素只能包含內(nèi)容或者其它行內(nèi)元素毅贮，寬度和長(zhǎng)度依據(jù)內(nèi)容而定，不可以設(shè)置尘奏，可以和其它元素和平共處于一行滩褥；而塊級(jí)元素可以包含行內(nèi)元素和其它塊級(jí)元素(<p>不可以包含其他塊級(jí)元素)，瀏覽器通常會(huì)在塊級(jí)元素前后另起一個(gè)新行炫加。（行內(nèi)元素千萬不能包含塊級(jí)元素）
網(wǎng)站怎樣與用戶進(jìn)行交互瑰煎？答案是使用HTML表單(form)。表單是可以把瀏覽者輸入的數(shù)據(jù)傳送到服務(wù)器端俗孝，這樣服務(wù)器端程序就可以處理表單傳過來的數(shù)據(jù)酒甸。
get是從服務(wù)器上獲取數(shù)據(jù)，以明文的方式通過UTL提交數(shù)據(jù)赋铝，數(shù)據(jù)在url中可以看到插勤，提交的數(shù)據(jù)最多不超過2KB,安全性低但效率要比post高，適合提交數(shù)據(jù)量不大安全性不高的數(shù)據(jù)革骨，比如：搜索农尖，查詢功能
post是向服務(wù)器傳送數(shù)據(jù)，將用戶提交的信息封裝在HTML HEADER內(nèi)良哲，適合提交數(shù)據(jù)量大盛卡，安全性高的用戶信息，比如：注冊(cè)筑凫，修改滑沧，上傳等功能并村。
Post傳輸數(shù)據(jù)時(shí)，不需要在URL中顯示出來滓技，而Get方法要在URL中顯示哩牍。所有表單控件（文本框、文本域殖属、按鈕姐叁、單選框瓦盛、復(fù)選框等）都必須放在 <form></form> 標(biāo)簽之間（否則用戶輸入的信息可提交不到服務(wù)器上哦Ｏ聪浴）
標(biāo)簽整理
1.整體框架
<html>
<head>
<title>、<script>原环、 <style>挠唆、<link>、 <meta>
</head>
<body>
<h1>嘱吗、<p>玄组、<a>、<img>...
</body>
</html>
2. <span>:本身沒有任何屬性谒麦，用來分區(qū)域而達(dá)到一些效果俄讹。
3.
<!--注釋文字-->
4. <em>需要強(qiáng)調(diào)的文本（斜體）</em>
5. <strong>需要強(qiáng)調(diào)的文本（粗體）</strong>
6. <q>對(duì)簡(jiǎn)短文本的引用（加雙引號(hào)）</q>， <blockquote>長(zhǎng)文本引用（整塊縮進(jìn)绕德，無雙引號(hào)）</blockquote>
7.
（空格患膛，注意還有分號(hào))， <hr />（添加一條水平線）
- p標(biāo)簽不能包含任何塊級(jí)標(biāo)簽耻蛇，所以address不能寫在其中踪蹬，有些塊級(jí)元素是可以包括塊級(jí)元素的。
<address>聯(lián)系地址信息</address>（也是斜體但是對(duì)比<em>另起一行）
<code>代碼語言</code>（如果多行可以用<pre>標(biāo)簽)
- 一些特殊符號(hào)
"<" 代表 "<"臣咖，">" 代表 ">"跃捣，"&" 代表 "&"。
ul-li沒有順序列表——ol-li有序號(hào)的列表
-
div用于分塊夺蛇，如下圖疚漆。
52d38c41000163e210120455.jpg 創(chuàng)建表格的四個(gè)元素：table、tbody刁赦、tr娶聘、th、td截型。(嵌套的)
<table summary="表格簡(jiǎn)介文本"><table>
<caption></caption>標(biāo)題
<thead><tbody><tfooter>（分部加載趴荸，thead->tbody->tfooter這樣的標(biāo)簽順序加載，與代碼前后順序無關(guān)宦焦。這樣可以按結(jié)構(gòu)一塊塊的顯示发钝，不用整個(gè)表格加載完后顯示顿涣。）
<tr>…</tr>：表格的一行，有幾對(duì)tr酝豪，表格就有幾行涛碑。
<td>…</td>：表格的一列，有幾對(duì)td孵淘，一行就有幾列蒲障。
<th>…</th>：表格的第一行單元格。（th標(biāo)簽中的文本默認(rèn)為粗體并且居中顯示）<a href="目標(biāo)網(wǎng)址" title="鼠標(biāo)滑過顯示的文本" target="_blank">鏈接顯示的文本</a>
<img src="圖片地址" alt="下載失敗時(shí)的替換文本" title = "提示文本">（單標(biāo)簽）
mailto后面的全在一個(gè)雙引號(hào)里瘫证，后面多個(gè)變量的話（body揉阎、subject等，第一個(gè)用背捌？第二個(gè)用&毙籽。）
<a href="mailto:yy@imooc.com? subject=有感 &body=對(duì)此評(píng)論有些想法。">
對(duì)此影評(píng)有何感想毡庆，發(fā)送郵件給我
</a>
17.action ：瀏覽者輸入的數(shù)據(jù)被傳送到的地方,比如一個(gè)PHP頁(yè)面(save.php)坑赡。
method ： 數(shù)據(jù)傳送的方式（get/post）。
<form method="傳送方式" action="服務(wù)器文件"></form>
- type：當(dāng)type="text"時(shí)么抗，輸入框?yàn)槲谋据斎肟?當(dāng)type="password"時(shí), 輸入框?yàn)槊艽a輸入框毅否。
name：為文本框命名，以備后臺(tái)程序ASP 蝇刀、PHP使用螟加。
value：為文本輸入框設(shè)置默認(rèn)值。(一般起到提示作用)
<input type="text/password" name="名稱" value="文本" />(單個(gè)的)
type:當(dāng) type="radio" 時(shí)熊泵，控件為單選框;當(dāng) type="checkbox" 時(shí)仰迁，控件為復(fù)選框。
value：提交數(shù)據(jù)到服務(wù)器的值（后臺(tái)程序PHP使用）顽分。
同一組的單選按鈕徐许，name 取值一定要一致！Ｗ湔骸４朴纭！
<input type="radio/checkbox" name="名稱" value="值" checked="checked"/>
<input type="submit" value="提交">
<input type="reset" value="重置">
- cols ：多行輸入域的列數(shù)缸沃。rows ：多行輸入域的行數(shù)恰起。
這兩個(gè)屬性可用css樣式的width和height來代替：col用width、row用height來代替趾牧。
<textarea rows="行數(shù)" cols="列數(shù)">（提示字检盼、默認(rèn)值）大段文本輸入框</textarea>
- 下拉鏈表（放form中）
value是提交值
selected="selected"屬性,你懂的:D
下拉列表也可以進(jìn)行多選操作，在<select>標(biāo)簽中設(shè)置multiple="multiple"屬性翘单，就可以實(shí)現(xiàn)多選功能吨枉，在 windows 操作系統(tǒng)下蹦渣，進(jìn)行多選時(shí)按下Ctrl鍵同時(shí)進(jìn)行單擊
<select>
<option value="看書">看書</option>
<option value="旅游">旅游</option>
<option value="運(yùn)動(dòng)">運(yùn)動(dòng)</option>
<option value="購(gòu)物">購(gòu)物</option>
</select>
- <label for="控件id名稱">
標(biāo)簽的 for 屬性中的值應(yīng)當(dāng)與相關(guān)控件的 id 屬性值一定要相同。
轉(zhuǎn)焦點(diǎn)比如單選男口女口貌亭，通過label可以實(shí)現(xiàn)點(diǎn)男選上或者點(diǎn)女選上柬唯。
（就是把文字和控件相關(guān)聯(lián)，實(shí)現(xiàn)點(diǎn)擊文字就是點(diǎn)擊控件）
