1. HTML常用標記：屬性值需要帶等號連線，屬性值需要帶引號(單、雙引號都可以

1. 文字標題：h1~h6
   i. h1:一般應用在網頁文章標題，網站的logo處
   ii. h2:新聞稿件的標題，或者是二級標題處
   iii. h3:新聞稿件居多，佈局元素中有加粗效果
   iv. h4~h6:根據實際情況選擇應用
2. 段落文字：p
3. 空格：   (能夠實現空出一個字元)
4. 換行：<br/>
5. 水平線：<hr/>
6. 加粗：
   i. <b>加粗的內容</b> 只是顯示加粗
   ii. <strong>強調的內容</strong>
   突出的文字
7. 傾斜：
   i. <em>強調文字</em>
   ii. <i>傾斜文字</i>
8. 擴充套件：
   i. <u></u> 下劃線
   ii. <del></del> 刪除線
   iii. <s></s> 刪除線
   iv. <sub></sub> 下標
   v. <sup></sup> 上標
9. 列表：
   • 無序列表
   * type取值：
   ◊ disc：預設值，黑色實心圓點
   ◊ circle：圓環，空心圓
   ◊ square(廣場)：正方形，黑色實心
   ◊ none:取消列表項
   ◊ none和0的區別：0代表右值，值為0

			<ul>
				<li></li>
				<li></li>
				………......
			</ul>

	• 有序列表：
			® type：改變排序格式1/a/A/i/I
			® start：改變列表項的起始
		□ 

<ol>
				<li></li>
				<li></li>
				………......
			</ol>

	• 自定義列表
			® 一般應用在：問答列表，圖文混排佈局區域
		□ 

<dl>
				<dt>名詞</dt>
				<dd>解釋</dd>
				……….
			</dl>
 

10. 有序列表的屬性
    a. type：規定列表中的列表專案的專案符號型別
    i. 語法：<ol type="a"> </ol>
    1 數字順序的有序列表(1,2,3,4)
    a 字母順序的有序列表，小寫(a,b,c,d)
    A 字母順序的有序列表，大寫(A,B,C,D)
    i 羅馬數字，小寫(i,ii,iii,iv)
    I 羅馬數字，小寫(I,ii,iii,iv)
    b. start屬性規定有序列表的開始點
    i. 語法：<ol start="5"> <ol>
11. 插入圖片
    a. <img src="目標檔案路徑" " alt="圖片替換文字" title="圖片標題" width="寬度" height="高度">
    i. 字元：./ 代表當前頁面
    b. title的作用：圖片的標題，當滑鼠懸停在圖片上時一個小提示，滑鼠離開就消失，title屬性就是專門做提示資訊的
    c. alt的作用：提示文字 必寫；alt屬性是在你的圖片由於某種原因不能載入時顯示的文字的提示資訊，會直接輸出在圖片的位置
12. 超連結
    a. <a href="#" title="超連結的title" target="_black">在新的頁面開啟</a>
    b. 屬性
    i. target：頁面的開啟方式
    1) 預設屬性值是_self
    2) 在新的頁面開啟_blank
    ii. title：提示文字
13. 資料表格的作用及組成
    a. 作用：顯示資料

<table width="value" height="value" border="value">
		<tr>
			<td></td>
			<td></td>
		</tr>
	</table>

注：一個tr表示一行，一個td表示一列的一個單元格
b. 
c. 行分組：

		<thead>表頭</thead>
		<tbody>表體必須存在的標籤</tbody>
		<tfoot>表尾</tfoot>

	i. 說明：一個Table中，只能含有一個thread，一個tfoot，但可以包含多個tbody，tbody標籤是寫表格時必備的標籤。
d. 合併單元格屬性：
	i. colspan="所要合併的單元格的列數"合併列
	ii. rowspan="所要合併單元格的行數"合併行

• 表單的作用及組成：

• a. 表單的作用：用來收集使用者的資訊的
  b. 表單的組成：表單框(表單域form)、提示資訊、表單控制元件/表單元素
  i. 表單框

<form action="表單提交的地址" name="表單的名稱(英文字母開頭的)"method(提交方式)="GET/POST"></form>

	ii.  文字框

<input type="text" value="預設值" maxlength="5" placeholder="提示文字">

	iii. 密碼框

<input type="password" placeholder="密碼">

• c. 按鈕
  1) 提交按鈕

<input type="submit" value="按鈕內容"> 配合form的action屬效能實現跳轉

• 2. 重置按鈕

<input type="reset" value="重置">

• 3. 普通按鈕

     button：沒有功能，需要配合js搭配使用

• 4. 影象按鈕
     image：不顯示圖片時，實質上就是一個提交按鈕，能實現跳轉。
• 5. 特殊的按鈕
     雙標籤button按鈕，它能配合form實現跳轉
     i. 單選框/單選按鈕
     
     
     單選按鈕裡的name屬性必須寫，同一組單選按鈕的name屬性值必須一樣
     ii. 複選框
     
     
     
     複選按鈕裡的name屬性必須寫，同一組複選按鈕的那麼屬性值必須一樣
     checked="checked" 表示預設被選中，可簡寫成checked
     disabled="disabled" 表示禁用，可簡寫disabled
     enabled：可用狀態
     iii. 下拉選單

				<select name="">
				<option name="" value="表單被提交時被髮送到伺服器的值" selected="selected">選單內容</option>
				<option value="">1</option>
				<option value="">1</option>
				<option value="">1</option>
				<option value="">1</option>
			</select>

	iv. 文字域(多行文字框)

<textarea name="" id="" cols="30" rows="10"></textarea>
			cols：字元寬度        rows:行數

	v. 跳轉按鈕（多和js搭配使用）

<input name="" type="button" value="123">
			<button></button>

	vi. button和submit的區別是：
		submit是提交按鈕起到提交資訊的作用，type型別是button只起到跳轉的作用，不進行提交

• 上傳檔案框

檔案域：

<input type="file" name="" id="">

	viii. 影象域：

<input type="image" src="" alt="上傳圖片" width="100" height="100">

	ix. 隱藏文字框

<input type="hidden" name="" value="值">上傳隱藏的值/欄位

	提示資訊標籤：將提示資訊及相應的表單控制元件進行關聯 

<label for="user">提示資訊</label>
		<input type="text" name="" id="user">