34、HTML与CSS：表格和列的使用教程

HTML与CSS：表格和列的使用教程

在网页设计中，表格是一种重要的元素，能有效地展示信息。下面将详细介绍如何创建和格式化表格的行组、列组，以及如何处理表格的宽度、高度和样式，还会探讨如何将表格样式应用到其他页面元素上。

1. 创建行组

在最初创建的表格中，用于包含列标题的行和包含表格数据的行没有明确区分。为了在表格结构中添加这些信息，可以创建行组，每个行组包含特定的表格信息。HTML支持三种行组，分别使用 thead 、 tfoot 和 tbody 元素来标记属于表头、表尾或表体的行。带有行组的网页表格的一般结构如下：

<table> 
    <thead> 
        表格行 
    </thead> 
    <tfoot> 
        表格行 
    </tfoot> 
    <tbody> 
        表格行 
    </tbody> 
</table>

其中，“表格行”指的是表格中的行。例如，以下代码将两行标记为属于表头：

<thead> 
    <tr> 
        <th colspan="2">DLR Programs</th> 
    </tr> 
    <tr> 
        <th&