## 基本表格 表格由 `` 标签来定义。每个表格均有若干行（由 `` 标签定义），每行被分割为若干单元格（由 `` 标签用于组合 HTML 表格的页眉内容。 - `` 标签用于组合 HTML 表格的主体内容。 - `` 标签用于组合 HTML 表格的页脚内容。 通过使用这些元素，使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动。当包含多个页面的长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。 > **值得注意的是:** > > - ``、`` 及 `` 元素内部必须包含一个或者多个 `` 标签。 > - ``、`` 和 `` 元素默认不会影响表格的布局。 ```html 21_表格的页眉、主体及页脚.html
` 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 HTML表格元素: | 标签 | 属性 | | --- | --- | | `` | 定义表格 | | `` | 定义表格的行 | | `` | 定义表格的页眉 | | `` | 定义表格的主体 | | `` | 定义表格的页脚 | - 示例代码一: ```html 17_基本表格.html
` | 定义表格的表头 | | `
` | 定义表格单元 | | `
` | 定义表格标题 | | `
名称性别年龄
张三男18
李四女 16
``` - 示例代码二: ```html 17_基本表格.html
名称性别年龄
张三男18
李四女 16
``` - 示例代码三: ```html 17_基本表格.html
名称性别年龄
张三男18
李四女 16
``` - 示例代码四: ```html 17_基本表格.html
名称性别年龄
张三男18
李四女 16
``` ## 带表头的表格 `		` 标签定义 HTML 表格中的表头单元格。HTML 表格有两种单元格类型: - 表头单元格 - 包含头部信息（由 `` 元素创建） - 标准单元格 - 包含数据（由 `` 元素创建） > **值得注意的是:** > > - `` 元素中的文本通常呈现为粗体并且居中。 > - `` 元素中的文本通常是普通的左对齐文本。 ```html 18_带表头的表格.html
名称性别年龄
张三男18
李四女 16
``` ## 带标题的表格 `
` 标签定义表格的标题。 - `` 标签必须直接放置到 `` 标签之后。 - 只能对每个表格定义一个标题。 - 通常这个标题会被居中于表格之上。 ```html 19_带标题的表格.html
人员信息列表
名称性别年龄
张三男18
李四女 16
``` ## 跨行或跨列的表格 | 属性名 | 值 | 描述 | | --- | --- | --- | | colspan | number | 规定表头单元格可横跨的列数。 | | rowspan | number | 规定表头单元格可横跨的行数。 | 跨列示例代码: ```html 20_跨行或跨列的表格.html

跨两列的表格:

名称 电话
尚硅谷 555 77 854 555 77 855
``` 跨行示例代码: ```html 20_跨行或跨列的表格.html

跨两行的表格:

名称: 尚硅谷
电话: 555 77 854
555 77 855
``` ## 表格的页眉、主体及页脚 - `
月份 收入
总和 $180
二月 $100
三月 $80
```