在HTML中，表格是用于组织页面内容的重要元素之一。在早期的HTML页面布局中，表格发挥了重要的作用，下面我们就来详细介绍表格的使用方法。

5.1.1　表格的作用

在早期的HTML页面中，表格经常会用于网页布局。打开网页的HTML代码，随处可见表格以及表格中嵌套的表格，使用表格的目的只有一个，那就是布局一个非常漂亮的网页。随着技术的发展和对网页结构的要求更高，现在的表格已经不再承担页面布局的作用，更多是作为承载数据的容器，因为表格排列数据的功能还是非常完美的。

5.1.2　表格的结构

在HTML页面中，表格用<table>标签表示，除此之外，还有很多标签用于表示表格的结构，详细如下所示：

（1）<caption>标签定义表格的标题。

（2）<col>标签为表格的列定义属性。

（3）<colgroup>标签定义表格列的分组。

（4）<thead>标签定义表格的表头。

（5）<th>标签定义表格的表头。

（6）<tr>标签定义表格的行。

（7）<tfoot>标签定义表格的脚注。

（8）<tbody>标签定义表格的主体。

（9）<td>标签定义一个单元格。

以下代码表示了一个表格的基本结构，表格在HTML页面中显示的效果如图5.1所示。

5.1.3　在单元格中添加内容

<td>标签用于定义表格中的单元格，<td>标签中的内容也就是单元格中将要显示的内容。如果<td>元素中的内容是文字，那么表格单元格中的内容就会显示文字；如果<td>元素中内容是图片，那么表格单元格中的内容就会显示图片；如果<td>元素中的内容是超链接，那么表格单元格中的内容就会显示超链接，如图5.2所示。

表格作为承载其他元素的容器，使页面布局达到整齐划一的效果。如果要在HTML页面中显示表格，则需要为表格设置边框或者背景色。 0haiXOvTG0gcA65fKKE4Y9cD2okhvf2u8SABsthS5W4PA3kCYRp1SRP97zTkO1+P