1表格標簽

1.1表格作用

顯示數據

1.2基本語法

<table><tr> 一行<td>單元格1</td></tr>
</table>

1.3表頭單元格標簽

表頭單元格會加粗并且居中

<table><tr> 一行<th>單元格1</th></tr>
</table>

1.4表格屬性

表格外觀 ，但是一般都是css來實現

<table align="center" border="1" cellpadding="0" cellspacing="0" width="500">
</table>

align表格位置

border邊框粗細

cellpadding 文字與表格間距

cellspacing 單元格間距

1.5表格結構標簽

結構更清晰

<thead></thead>標簽表格的頭部區域

<tbody></tbody>標簽表格的主體區域

在<table></table>之間

1.6合并單元格

合并步驟：跨行還是跨列、<td colspan="2"></td>、刪除多余單元格

1）合并單元格

跨行rowspan="合并單元格個數“

跨列colspan="合并單元格個數”

2）目標單元格

跨行：寫在最上側單元格

跨列：寫在最左側單元格

2列表標簽

列表用來布局，包括有序、無序、自定義

2.1無序列表（重點ul -unorderlable

<ul><li></li>
</ul>

<ul>里面只能放<li></li>，但是<li></li>里面可以放任何元素及標簽

有自己的樣式屬性，但是我們會用css來設置

用的非常多

2.2有序列表（理解ol-orderlable

<ol><li></li>
</ol>

<ol>里面只能放<li></li>，但是<li></li>里面可以放任何元素及標簽

2.3自定義列表dl-definelable

<dl><dt> 1</dt><dd>0</dd>
</dl>

<dl>中只能有<dt><dd>

<dt><dd>一般沒有數量限制，一般一個<dt>對應多個<dd>

3表單標簽

收集用戶信息

表單域包含表單空間、提示信息

3.1表單域

<form>

<form action="url地址" method="提交方式" name="表單域名稱">各種表單元素
</form>

3.4表單控件

(1)<input>表單元素

用于收集用戶信息,type屬性設置不同的屬性值來指定不同的控件類型

<input type="屬性值" />

其他屬性

總結：

1）一打開網頁就顯示文字：value="請輸入用戶名"

2）區分不同的表單元素：name 是表單元素的名字,要求屬于一組的單選按鈕或復選框要有相同的name值

3）按鈕默認選中：checked=checked

4）input表單元素展示不同的形態：type屬性 text、radio、checkbox等等

(2)<lable>標簽

不用必須點擊小按鈕 點擊文本區域也可以選中，瀏覽器自動將焦點（光標）轉到對應的表單元素，增加用戶體驗

<label for="sex">男</label>
<input type="radio" name="sex" id ="sex">

<label>標簽中的for屬性要和相關元素的id屬性相同

（3）<select>下拉表單元素

下拉菜單 折疊 節約空間，至少包含一對option

默認選擇selected=selected

<select><option>選項1</option><option>選項1</option><option>選項1</option>
</select>

(4)textarea文本域

大號文本框，留言板、評論、、

<textarea rows="3" cols="20">文本內容
</textarea>

rows="3" cols="20" 三行 每行20字 實際開發中不會用用css來改變大小