表格：

???????????主要用來向用戶展示數據

???????????語法：

???????????????<table> ----------------- 表格

???????????????????<tr> ---------------- 表格行

???????????????????????<td></td> ------- 單元格

???????????????????</tr>

???????????????</table>

???????????表格的標簽屬性：（寫在表格標簽中）

???????????????1、設置寬度

???????????????????width=“”

???????????????2、設置高度

???????????????????height=“”

???????????????????注意：寬高取值可以寫px也可以不寫，也可以是百分數

???????????????3、設置邊框

???????????????????border=“1”

???????????????4、背景顏色

???????????????????bgcolor=""

???????????????5、表格水平對其方式

???????????????????align=“”

???????????????????取值：left/right/center

???????????????6、邊框顏色

???????????????????bordercolor=""

???????????????7、表格外邊周圍的線如何顯示

???????????????????frame=""

???????????????????取值：

???????????????????????box ----------- 外邊四周的線都顯示

???????????????????????above ----------- 外邊上面的線顯示

???????????????????????below ----------- 外邊下面的線顯示

???????????????????????lhs ----------- 外邊左側的線顯示

???????????????????????rhs ----------- 外邊右側的線顯示

???????????????8、表格里面的線如何顯示

???????????????????rules=“”

???????????????????取值：

???????????????????????rows ----------- 里面只顯示橫著的線

???????????????????????cols ----------- 里面只顯示豎著的線

???????????????9、內容到單元格邊框距離

???????????????????cellpadding=""

???????????????10、單元格與單元格間距

???????????????????cellspacing=""

???????????表格行標簽屬性：（寫在行標簽上）

???????????????1、設置高度

???????????????????height=""

???????????????2、背景顏色

???????????????????bgcolor=""

???????????????3、一行內文本水平對齊方式

???????????????????align=""

???????????????????取值：left/right/center

???????????????4、一行內文本垂直對其方式

???????????????????valign=""

???????????????????取值：top/bottom/middle

???????????表格單元格標簽屬性：（寫在單元格標簽上）

???????????????1、設置寬度

???????????????????width=""

???????????????2、設置高度

???????????????????heigh=""

???????????????3、背景顏色

???????????????????bgcolor=""

???????????????4、文本水平對其方式

???????????????????align="left/right/center"

???????????????5、文本垂直對其方式

???????????????????valign="top/bottom/middle"

???????????????!重點屬性

???????????????6、合并行

???????????????????rowspan=""

???????????????7、合并列

???????????????????colspan=""

???????????表格的CSS屬性：

???????????????1、table上的css屬性

???????????????????1、邊框

???????????????????????border:1px solid red;

???????????????????2、單元格與單元格間距

???????????????????????border-spacing:

???????????????????3、合并表格邊框為一條細線

???????????????????????border-collapse: collapse;

???????????????????4、表格的布局算法

???????????????????????table-layout:

???????????????????????取值：

???????????????????????????auto ------------ 自動布局

???????????????????????????????表示單元格的寬度隨內容變化

???????????????????????????fixed ----------- 固定布局

???????????????????????????????表示將單元格的寬度固定

???????????????2、td上的css屬性

???????????????????1、內容到單元格間距

???????????????????????padding

???????????????????2、隱藏內容為空單元格

???????????????????????empty-cells:

???????????????????????取值：

???????????????????????????show --------- 顯示內容為空單元格

???????????????????????????hide --------- 隱藏內容為空單元格

???????????表格中的其他標簽：

???????????????1、表格標題

???????????????????<caption>標題</caption>

???????????????????放置在第一行前面

???????????????????更改標題位置：caption-side:top/bottom

???????????????2、行分組標簽

???????????????????thead 表格頭部

???????????????????????th標簽中文本默認水平居中，并且自帶加粗效果

???????????????????tbody 表格主體

???????????????????tfoot 表格尾部

???????????????3、列分組標簽

???????????????????<colgroup span="數值"></colgroup>

???????????????????span表示將幾列劃分為一組

???????表單：

???????????作用：用來收集用戶信息，提交到后端

???????????<form action="提交地址" method="提交方式"></form>

???????????表單元素：

???????????????input????type屬性的取值

???????????????1、text -------- 文本輸入框

???????????????2、password ----- 密碼框

???????????????3、submit ------- 提交按鈕

???????????????4、reset -------- 重置按鈕

???????????????5、button -------- 普通按鈕

???????????????6、file ---------- 上傳文件

???????????????7、hidden -------- 隱藏域

???????????????8、image --------- 圖片按鈕

???????????????????本質就是一個提交按鈕

???????????????9、radio --------- 單選按鈕

???????????????????注意：默認情況下可以實現(xiàn)共選，想要實現(xiàn)單選，需要給同一組單選添加相同的name屬性以及取值

???????????????????添加checked屬性實現(xiàn)默認選中效果

???????????????????為了提高用戶體驗，實現(xiàn)點擊文字即可選中效果，需要借助label標簽，需要保證label標簽中for屬性的取值與input標簽中id屬性取值相同

???????????????????例如：

???????????????????????<input type="radio" name="sex" id="boy">

???????????????????????<label for="boy">男</label>

???????????????10、checkbox ------ 復選框

???????????????????同上單選按鈕

???????????????????讓表單元素處于禁用狀態(tài)，添加disabled屬性

???????????下拉列表：

???????????????<select>

???????????????????<option value=""></option>

???????????????</select>

???????????????selected:

???????????????????實現(xiàn)默認選中效果，在option標簽上添加selected屬性

???????????????multiple:

???????????????????實現(xiàn)多選效果，在select上添加multiple屬性，默認情況下顯示4個下拉列表項

???????????????size:

???????????????????控制下拉列表顯示列表項個數，在select上添加size屬性

???????????????????size=""

???????????文本域（多行文本輸入框）

???????????????<textarea name="" id="" cols="30" rows="10"></textarea>

???????????????cols控制文本框的寬度

???????????????rows控制文本框的高度

???????????????實際開發(fā)中，我們在css中去設置文本框的寬高

???????????????默認情況下，文本框寬高用戶可拖拽，取消拖拽需要使用resize

???????????????resize：

???????????????????取值：

???????????????????????both -------- 可以拖拽

???????????????????????vertical -------- 垂直方向拖拽

???????????????????????horizontal -------- 水平方向拖拽

???????????????????????none -------- 不可以拖拽（常用）

???????????????注意：文本域標簽中可以識別空格和回車

???????????表單的提交方式：

???????????????屬性：method

???????????????????取值：

???????????????????????get -------- 明文提交，所提交的數據在地址欄能夠看到，不安全，提交數據大小又限制(默認提交方式)

???????????????????????post ------- 加密提交，更安全，提交數據大小沒什么限制

???????????表單的其他標簽：

???????????????1、表單字段集

???????????????????<fieldset></fieldset>

???????????????????主要用來實現(xiàn)表單元素進行分組

???????????????2、表單字段集標題標簽

???????????????????<legend></legend>

????-->