3.1 HTML5表格简介

表格在网页布局中非常常用，可以让网页以行、列的方式承载数据，表格布局实现如图3-1、图3-2所示。

图3-1 表格常用布局示例（一）

图3-2 表格常用布局示例（二）

3.1.1 表格的基本结构

表格的基本结构由行列组成，单元格是表格的最基本单位。表格的基本结构示意图如图3-3所示。

图3-3 表格的基本结构

3.1.2 表格的定义

表格由＜table＞标签定义。每个表格均有若干行，行由＜tr＞标签定义，每行被分割为若干单元格，列由＜td＞标签定义。字母td指表格数据（table data），即数据单元格的内容。如果表格的第一行为表头，那么＜td＞标签需要用＜th＞标签替换掉。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等。

基本语法如下：

表格的显示效果如图3-4所示。

图3-4 表格的显示效果