HTML 表格

本文将介绍如何在 HTML 文档中创建表格。

一、标签

1. table

用于定义表格。

2. caption

用于定义表格的标题，必须紧跟在 <table> 标签之后。

3. tr

用于定义表格中的行。

4. th

(1) 定义

用于定义表格内的表头单元格

(2) 属性

属性 值 描述
scope col、colgroup、row、rowgroup 规定表头单元格是否是行、列、行组或列组的头部
headers header_id 规定与表头单元格相关联的一个或多个表头单元格
colspan number 规定表头单元格可横跨的列数
rowspan number 规定表头单元格可横跨的行数

5. td

(1) 定义

用于定义表格中的单元格

(2) 属性

属性 值 描述
headers header_id 规定与单元格相关联的一个或多个表头单元格
colspan number 规定单元格可横跨的列数
rowspan number 设置单元格可横跨的行数

6. colgroup 和 col

(1) 定义

clogroup 用于将表格按列进行组合，col 用于对表格中的列进行设置。

(2) 属性

属性 值 描述
span number 规定 col 元素应该横跨的列数。

(3) 示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<table border="1">
  <colgroup>
    <col  style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th colspan=2>ISBN</th>
    <th>Title</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
  <tr>
    <td>5869207</td>
    <td>My first CSS</td>
    <td>$49</td>
  </tr>
</table>

7. thead、tbody 和 tfoot

用于拆分表格，将表格拆分为表头、主体和页脚。

​

参考