meta用法（寫在head裏）
①<meta charset=”utf-8”> 防止頁面亂碼
charset 字符集
utf-8 編碼格式
②<meta name=”keywords”content=”男裝，女裝”> 設置網頁關鍵字
注意：該標籤中的關鍵字不是給用戶看的，給搜索引擎提供的
③<meta name=”description” content=”描述信息”> 設置網頁描述信息
注意：該標籤中的描述信息不是給用戶看的，是給搜索引擎看的
④網頁重定向
<meta http-equiv=”refresh”content=”3 ;http://www.baidu.com”>
（3代表3秒 ; 跳轉的網頁或者路徑）
2.2 link標籤
①設置網頁圖標
<link rel="icon" href="圖標的路徑"> 注意：最好將圖標放在網頁根目錄下
②設置引用外部樣式表
<link rel="stylesheet" href="1.css">2.3 列表
①無序列表
<ul type="circle/square/…"> //任選一種形式即可 <li></li> ……. <li></li> </ul>
注意：1，無序列表中的列表項（li）可以包括任何標籤
2，在網頁中用來展示信息的無序列表
②有序列表
<ol type="A/一/①/…"> //任選一種形式即可 <li></li> ……. <li></li> </ol>
③自定義列表
<dl> <dt>標題</dt> <dd>列表項</dd> <dd></dd> </dl>
注意：1，dt標籤中只能包含行內元素
2，dd標籤中可以包含所有的標籤
3，一般網頁結尾處的列表使用自定義列表
2.4 表格
1，組成
表格 table
行 tr
列 td
<table> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table>
2, 作用
顯示數據
網頁佈局
3, 屬性（寫在table中）
border 設置邊框
width 設置寬度
height 設置高度
cellspacing 設置td與td與table之間的距離，默認值爲2
cellpadding 設置內容與td左側之間的距離
align : left / right / center 設置對齊方式
注：如果給table標籤設置align屬性，只能讓整個標籤居中，內容不會居中
如果給tr或者td設置align屬性，可以讓其內容居中
bgcolor ： 設置背景顏色
2.5 單元格合併
設置表頭 th （將td換成th）用法與td一樣
設置表格標題
<caption></caption>表格結構
<thead></thead> <tbody></tbody> <tfoot></tfoot>
合併單元格 : 橫向合併 colspan=”2” 註釋掉多餘的
縱向合併 rowspan=”2” 跨幾行就寫幾，刪掉多餘的
2.6 表格高級
表格標籤除了基本的table，tr，td（或th）標籤之外，還可以有如下標籤：
caption：用於表示一個表格的“標題文字”（看起來在表格線的外面），寫在table標籤中。
thead：用於表示一個表格“頭部區域”，其中可以包含若個tr（行），tr中自然應該有td（或th）。寫在table標籤中，tr外，即這樣的層次：table->thead->tr
tbody：用於表示一個表格“主體區域”，其中可以包含若個tr（行），tr中自然應該有td（或th）。寫在table標籤中，tr外，即這樣的層次：table->tbody->tr
tfoot：用於表示一個表格“底部區域”，其中可以包含若個tr（行），tr中自然應該有td（或th）。寫在table標籤中，tr外，即這樣的層次：table->tfoot->tr
注意：
1，thead，tbody，tfoot用於對錶格的行（tr）進行分組，此時thead組在表格頭部，tfoot組在底部。
2，這3個標籤出現的推薦順序是：thead, tfoot, tbody，在他們內部再寫tr。
3，thead，tfoot應該只出現一次，tbody可以出現多次。
4，所有沒有明確歸屬到上述3個標籤的行（tr），都默認歸屬到tbody。
2.7 表單
作用 : 收集用戶信息。
組成 : ①提示信息 ②表單控件 ③表單域
表單域 : <form> </form>
屬性:
action: 設置後臺處理的後臺程序
method: 提交數據給後臺程序的提交方式 ,默認是get
get 提交數據 : 會將數據顯示在地址欄中
post 提交數據 : 會通過後臺提交數據
2.8 表單控件
文本輸入框
<input type="text" maxlength="6" disabled value="請輸入姓名" name="username" id=""> 屬性: maxlength 輸入的最大長度 readonly 設置控件爲只讀 disabled 禁止用戶輸入 value 設置默認值 name 設置控件名稱(後臺可通過name的值獲取該控件的值) id 控件的編號 autofocus 自動獲取焦點 placeholder 佔位符 required 必須填寫項(不填寫沒有辦法提交) contenteditable 設定一個元素內部的文本內容是“可編輯的”。 autocomplete 自動完成(當你刷新頁面後再雙擊文本框會提示你之前輸入過的值) 有兩個屬性:on和off 默認的是on
密碼輸入框
<input type="password"> 屬性: 與文本輸入框的屬性一樣
單選框
<input type="radio" name="sex">男 <input type="radio" name="sex" checked>女 注意: 該控件實現單選效果需要給控件設置相同的name名稱. 屬性: checked 設置控件默認選中項
多選框
<input type="checkbox">看書 <input type="checkbox" checked>學習 <input type="checkbox" checked>聽音樂 <input type="checkbox">旅遊 屬性: checked 設置控件默認選中項
下拉列表
<select name="" id="" multiple="multiple"> <option value="sx" selected>陝西</option> <option value="hn">河南</option> <option value="hb">河北</option> <option value="sd">山東</option> </select> 屬性: selected 設置默認選中項 multiple 設置多選
//在下拉列表中顯示它的所屬省 <select> <optgroup label="陝西省"> <option>西安</option> <option>咸陽</option> <option>寶雞</option> <option>銅川</option> </optgroup> </select>
上傳文件控件
<input type="file" name="" value="1"> 文本域
<textarea></textarea>郵箱控件
<input type="email"> //會嚴格控制你輸入的郵箱格式數字控件
<input type="number" step="5"> //只能輸入數字網址
<input type="url" placeholder="請輸入網址"> 事件日期控件
<input type="time"> //顯示時間格式 <input type="date"> //顯示日期格式 <input type="datetime"> //顯示時間日期格式 (只在手機端響應) <input type="month"> //顯示年/月 <input type="week"> //顯示年/周
取色器
<input type="color"> //可以選擇顏色滑塊(範圍)
<input type="range" value="20">隱藏控件
<input type="hidden" >按鈕
提交按鈕: <input type="submit"> //提交表單數據 普通按鈕: <input type="button"> //不能提交表單數據 重置按鈕: <input type="reset"> //將數據恢復到默認值 圖片提交按鈕: <input type="image" src="1.jpg"> //提交表單數據
表單控件補充
可以在整個form表單外加一層fieldset
<fieldset> <legend>標題</legeng> <form>....</form> </fieldset>
2.9 標籤語義化
根據內容的結構化（內容語義化），選擇合適的標籤（代碼語義化）
注意：
儘量少的使用無語義的標籤div和span
在語義不明顯時，即可以使用div或p時，儘量使用p。要使用有語義的標籤
不要使用純樣式標籤，如：b、font、u等，改用css樣式。
3.0 內嵌框架標籤iframe（瞭解）
內嵌框架標籤iframe，主要用於在一個網頁中（的某個區域），“嵌入”另一個網頁
其實現方式就是使用iframe標籤。
基本上，可以把iframe標籤看做類似textarea標籤，只要把它放在想放的位置就可以。
使用形式：
<iframe src=”要嵌入進來的網頁地址” name=”框架名稱” width=”寬度” height=”高度”
frameborder=”1或0” scrolling=”yes或no”></iframe>1， iframe是雙標籤，但標籤中通常不放任何內容。
2， frameborder：用於設定框架窗口是否顯示“邊框線”，1表示顯示，0表示不顯示。
3， scrolling：用於設定框架窗口是否顯示滾動條（類似瀏覽器的滾動條）。
3.1 文檔類型（瞭解）
所謂文檔類型，基本就是指html的標準規範。
因爲html技術在發展過程中，經歷並使用過不同的（但其實差異較小的）幾個成熟穩定版本。
這就形成了幾個不同的標準。
一個html文檔，其中的html代碼遵循哪個版本的標準，就被稱爲是某個文檔類型。
html文檔的第一行代碼（由 ”<!doctype” 開頭），就是用來指定(聲明)當前網頁代碼所使用的文檔類型的。
雖然有如下5種文檔類型，但其實近年以來，基本上大家都遵循html5標準了（即該標準基本普及了）。
5種文檔型如下：
html5型：
<!doctype html>
html4寬鬆性：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
html4嚴格型：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
xhtml4過渡性：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
xhtml4嚴格型：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
其中，在後4中文檔類型的設定下，設定網頁編碼的代碼需要這樣來寫（因爲這4種都屬於html4）：
<meta http-equiv=”content-type” content=”text/html; charset=字符編碼名” >