1. Web三要素
瀏覽器 服務器 HTTP協議(瀏覽器和服務器通信協議)
2. HTML工作原理(部署在服務器上，運行在瀏覽器上)
HTML是部署在服務器上的文本文件。
•根據HTTP協議，瀏覽器發出請求給服務器，服務器做出響應，給瀏覽器發送一個HTML文件。
•瀏覽器解釋執行HTML文件，顯示其中的內容。
3. HTML(超文本標記語言，一種純文本類型語言)
•用來設計網頁的標記語言
•該語言編寫的文件以.html或者.htm爲後綴。
•由瀏覽器解釋執行
•HTML頁面上，可以嵌套腳本語言編寫的程序段，：如java.script
4. HTML-> 標記(通常也被稱爲HTML標籤(HTML tag))
5. <head>元素
•所有頭部元素的容器
•<head>內的元素可申明元信息，指示瀏覽器在何處可以找到樣式表，包含的腳本，等等。
•以下標籤可以添加到head部分
-<title> <meta> <link> <style> <script> 等
6. <title>元素
定義文檔的標題，能夠：
-定義瀏覽器工具欄中的標題
-提供頁面被添加到收藏夾時顯示的標題
-顯示在搜索引擎結果中的頁面標題
7. <meta>元素
•<meta>元素提供關於HTML文檔的元數據。
•元素據不會顯示在頁面上，但對於機器是可讀的
•用於規定頁面的描述、關鍵詞、文檔作者、最後修改時間以及其他數據
•常用的屬性有：content、http-equiv、charset
8. <p>段落位置
•<p>元素提供了結構化文本的一種方式
•<p>元素中的文本會用單獨的段落顯示
-與前後的文本都換行分開
-添加一段額外的垂直空白距離，所謂段落間距
9．列表元素
•將具有相似特徵或者具有先後順序的幾行文字進行對齊排列
•所有列表都由列表類型和和列表項組成
-列表類型：有序列表<ol>和無序列表<ul>
•<ol>元素編寫有序列表，用於列出頁面上有特定次序的一些項目
•<ol>元素中也只能包含列表項元素<li>
•<ul>元素表示無需列表，用於列出頁面上沒有特定次序的一些元素
•<ul>只能包含具體的列表項元素<li>
-列表中包含的每一項都必須包含在起始標記<li>和結束標記</li>之間。
-列表項：<li>,用於指示具體的列表內容
10. 分區元素
•分區元素用於元素分組，常用於頁面佈局
•塊分區元素：<.div></div>
•行分區元素：<span></span>
注意：
•塊級元素
-默認情況下，塊級元素會獨佔一行，即元素前後都會自動換行
-如：<p>,<div>,<hn>
•行內元素
-不會換行，可以和其他行內元素同佔一行
-如：<span>,<a>
11.行內元素
•<span>元素是內聯元素，可用做文本容器
•<span>元素也沒有特定含義，當與CSS一同使用時，<span>元素可用於爲部分文本設置樣式屬性。
-<i>可以用來定義斜體字
-<em>用來定義着重文字
-<b>用來定義粗體文字
-<strong>用來定義加重文字
-<del>用來定義帶刪除線的文字
-<u>元素用來定義帶下劃線的文字
-空格摺疊：默認情況下多個空格、製表符、換行符會壓縮成單個空格
-<br>手動換行符
-字符實體
12. 圖像元素
•使用<img>元素將圖像添加到頁面
-空標記
•必須元素：src
•常用屬性：width、height
•格式：<imgsrc=”c:\images\one.png” width=”200”/>
13.超鏈接元素
•使用<a>元素創建一個超鏈接元素，語法如下：
•<a href=””target=””>文本</a>
-href屬性：鏈接URL
-target屬性：目標打開方式，取值爲_blank、_self等
14.表格元素
•定義表格：使用成對的<table></table> 標記
•創建行：使用成對的<tr></tr>標記
•創建列(單元格)：使用成對的<td></td>標記
•跨行屬性和跨列屬性
-rowspan使得當前單元格沿着垂直方向延伸，值爲一正數，代表單元格垂直延伸的單元格數。
-colspan使得當前單元格沿着水平方向延伸，值爲一正數，代表此單元格水平延伸的單元格數。
•行分組
-表格可以劃分爲3個部分：表頭、表主體和表尾
-表頭行分組：<thead></thead>表主體分組：<tbody></tbody>表尾行分組：<tfoot></tfoot>
15. 表單元素
•定義表單：使用成對的<form></form>標記，表示要將次元素中所涵蓋的控件中的數據傳輸給服務器
•主要屬性：
-action：表單提交URL
-method：指出表單數據提交的方式(get和post兩種方式)
-enctype：表單數據進行編碼的方式
•表單控件(是一種HTML元素，是信息輸入項)
-input元素
•文本框，密碼框、單選框、複選框、按鈕、隱藏域、文件選擇框
-其他元素
•標籤、文本域、下拉選項
16. input元素
1.
文本框：<input type=”text” />
密碼框：<input type=”password” />
主要屬性：
•value屬性：由訪問者自由輸入任何文本
•maxlength屬性：限制輸入字符數
•readonly屬性：設置文本控件只讀屬性
•placeholder屬性：默認填充的值
2.
按鈕：
•提交按鈕：<input type=”submit”/> 傳送表單數據給服務器或其他程序處理
•重置按鈕：<input type=”reset”/> 清空表單內容並把所有的表單控件設置爲默認的初始值
•普通按鈕：<input type=”button”/> 用於執行客戶端腳本
主要屬性：
•value：按鈕的名字
3.
•單選框：<input type=”radio”/>
•複選框：<input type=”checkbox”/>
主要屬性：
•主要屬性：文本，當提交form時，如果選中了此按鈕，那麼value就會被髮送到服務器。
•name：用於實現分組，一組單選框或者複選框的名稱必須相同
•checked：設置選中
17：隱藏域和文本選擇框：
•隱藏域：<input type=”hiden”/> 表單中包含不希望用戶看見的信息
•文件選擇框：<input type=”file”/> 選擇要上傳的文件
18：標籤
•語法：<lable for=”控件ID”>文本</label> 表單中的文本給空間設置顯示名稱
主要屬性：
•for：設置該文本所關聯的控件ID，關聯後點擊標籤等同與點擊控件
19：文本域
•語法：<textarea>文本</textarea>
主要屬性：
•cols:指定文本域的列數
•rows:指定文本域的行數
•readonly:只讀
20：下拉選(下拉選擇內容)
•語法：
<select>
<option value=”1”>文本1</option>
<option value=”2”>文本2</option>
<option value=”3”>文本3</option>
<select>