HTML基础：⑩. 表格
————EoralMilk： 2020, 2, 25
HTML 表格
-
表格由
<table>标签来定义。 -
每个表格均有若干行（由
<tr>标签定义） -
每行被分割为若干单元格（由
<td>标签定义） -
字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
实例
<table border="1">
<tr>
<td>Rumia</td>
<td>Cirno</td>
</tr>
<tr>
<td>Remilia</td>
<td>Flandre</td>
</tr>
</table>
效果
| Rumia | Cirno |
| Remilia | Flandre |
HTML 表格和边框属性
-
如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。
-
使用边框属性来显示一个带有边框的表格：
实例
<table border="10">
<tr>
<td>Rumia</td>
<td>Rumya</td>
</tr>
</table>
效果
| Rumia | Rumya |
HTML 表格表头
-
表格的表头使用
<th>标签进行定义。 -
大多数浏览器会把表头显示为粗体居中的文本：
实例
<table border="1">
<tr>
<th>Scarlet</th>
<th>Komeiji</th>
</tr>
<tr>
<td>Remilia</td>
<td>Satori</td>
</tr>
<tr>
<td>Flandre</td>
<td>Koishi</td>
</tr>
</table>
效果
| Scarlet | Komeiji |
|---|---|
| Remilia | Satori |
| Flandre | Koishi |
HTML 表格标签
| 标签 | 描述 |
|---|---|
<table> |
定义表格 |
<th> |
定义表格的表头 |
<tr> |
定义表格的行 |
<td> |
定义表格单元 |
<caption> |
定义表格标题 |
<colgroup> |
定义表格列的组 |
<col> |
定义用于表格列的属性 |
<thead> |
定义表格的页眉 |
<tbody> |
定义表格的主体 |
<tfoot> |
定义表格的页脚 |
上篇：HTML基础：九. 图像
下篇：HTML基础：十一. 列表
Author: EoralMilk
Link: Post/2020/02/25/# HTML基础：⑩. 表格
本文采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可
