## 表格標簽

* table 表格
* thead 表格頭
* th 元素定義表頭
* tbody 表格主體
* tr 表格行
* td 元素定義表格單元
~~~css
table, th, td{
border: 1px solid black;
}
~~~
~~~
<table>
<thead>
<tr>
<th>姓名</th>
<th>年齡</th>
</tr>
</thead>
<tbody>
<tr>
<td>張三</td>
<td>18</td>
</tr>
<tr>
<td>李四</td>
<td>20</td>
</tr>
</tbody>
</table>
~~~
<br>
## 單元格間隙合并

~~~css
table, th, td{
border: 1px solid black;
}
table{
/* 單元格間隙合并 */
border-collapse:collapse;
}
~~~
~~~
<table>
<thead>
<tr>
<th>姓名</th>
<th>年齡</th>
</tr>
</thead>
<tbody>
<tr>
<td>張三</td>
<td>18</td>
</tr>
<tr>
<td>李四</td>
<td>20</td>
</tr>
</tbody>
</table>
~~~
## 合并單元格
#### rowspan 屬性規定單元格可橫跨的行數
<table>
<thead>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>學歷</th>
</tr>
</thead>
<tbody>
<tr>
<td>張三</td>
<td>18</td>
<td rowspan="2">本科</td>
</tr>
<tr>
<td>李四</td>
<td>20</td>
</tr>
</tbody>
</table>
<br>
#### colspan 屬性規定單元格可橫跨的列數
<table>
<thead>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>身份證年齡</th>
</tr>
</thead>
<tbody>
<tr>
<td>張三</td>
<td colspan="2">18</td>
</tr>
<tr>
<td>李四</td>
<td>20</td>
<td>18</td>
</tr>
</tbody>
</table>
<br>
<br>
## 練習

<br>
- 01-青銅-HTML5+CSS3網頁開發
- 01-代碼初識
- 01-前端開發工程師
- 02-前端開發環境與軟件
- 03-什么是語言
- 04-頁面結構
- 05-常用標簽
- 06-樣式表
- 07-常見樣式與選擇器
- 01-高寬+邊框
- 02-練習
- 03-背景
- 04-練習
- 05-文字與文本
- 06-選擇器
- 07-練習
- 08-標簽類型
- 09-盒子模型
- 01-內邊距
- 02-計算方法
- 03-外邊距
- 04-盒子模型計算方式切換
- 05-overflow
- 06-練習
- 10-超鏈接
- 11-練習
- 02-css基礎2
- 01-選擇器優先級
- 02-標簽樣式初始化
- 03-一個標簽多個類
- 04-指針樣式
- 05-編碼規范
- 06-練習
- 03-浮動
- 01-練習
- 04-定位
- 01-練習
- 05-其他樣式
- 01-透明與隱藏
- 02-其他
- 03-練習
- 06-表格與表單
- 01-表格
- 02-表單
- 07-PC端整站開發
- 08-移動端開發與適配
- 09-響應式
- 10-git
- 01-html+css(做頁面)
- 前端打怪之路