1、表格標簽

使用`<table>`標簽來定義表格

HTML 中的表格和Excel中的表格是類似的，都包括行、列、單元格、表頭等元素。

區別：HTML表格在功能方面遠沒有Excel表格強大，HTML表格不支持排序、求和、方差等數學計算，主要用于布局和數據展示。

<table> 標記了表格的開始和接受 是所有表格相關元素的容器?
<tr> 表示表格中的單元格 每個tr代表表格中的一行
<td> 代表表格中的一個單元格 用來顯示數據
<th> 表頭單元格 加粗和居中 區別普通單元格
<thead> 用于組織表頭內容 包含一個或多個tr 通常包含th
<tbody> 定義主體部分 包含多個tr
<tfoot> 定義表格的底部

語法：
border-spacing 相鄰單元格的邊框之間的距離
empty-cells 控制空的單元格的邊框 hide隱藏 show顯示
border-collapse 設置表格邊框的折疊方式
- collapse 表格的邊框表現出合并的單元格 相互融合?
減少邊框的重復和疊加 讓表格再視覺上顯示更加的簡潔

2、合并單元格 用于布局?

rowspan 合并行

colspan 合并列

//語法：
```css<td rowspan="2">坤坤</td>
```

3、表單

應用情景：

報考 網頁收集信息 賬號 密碼
用到html表單 接收信息 發送到后端
后端 根據定義好的業務邏輯 處理表單

語法：

action 提交到哪個頁面
method 什么方式進行提交?
- get??提交信息會被顯示在頁面的地址欄中 不安全
- post 敏感信息 建議post請求

<!-- 例如 登錄 注冊 數據庫數據 進行匹配 -->
```html<form action=""></form>
```

4、input

1、?type
text 文本框
password 密碼框
submit 提交
radio單選框
checkbox 多選框

2、 name 設置控件名字?
3、 value 設置控件的值
4、 checked 默認
5、 placeholder 設置輸入框的提示文本?
6、 autofocus 開始就聚焦

5、標簽

//文本域
<textarea name="" id=""></textarea>
//下拉列表    
<select name="" id=""><option value="">熏雞</option><!--option下拉列表選項  --><option value="">青團</option><option value="">奶皮子</option>
</select>

6、實例--登陸界面

?

?