6-9 单元格的群组化<colgroup>和<col>元素

在表格使用中，如果想将整个列的单元格群组化，可以使用<colgroup>和<col>元素。在使用上<col>是<colgroup>的子元素，用于定义<colgroup>每一个列的列属性。<col>这个元素没有结束标记。<colgroup>元素在使用时必须放在<table>元素内，在<caption>之后但是需在<thead>、<tbody>、<tfoot>和<tr>元素之前。<colgroup>配合<col>元素的使用格式如下：

上述span属性设定的n值，主要是定义列的列数。如果省略span属性，则列数是1。

程序实例ch6_10.html：群组列的应用。这个程序将群组化的列数设为3，不更改表格的定义，设定第一个群组列的背景色是灰色、第二个群组列的背景色是黄色、第三个群组列的背景色是橘色。这个程序笔者使用了尚未讲解的样式表元素“style”，在本书第11章起会大量介绍此元素，暂时建议读者只要了解即可：

    style="background-color:lightgray"
    style="background-color:yellow"
    style="background-color:orange"

可分别产生背景色为灰色、黄色和橘色。

执行结果

上述程序第11行定义了第一个群组列，由于省略span属性设定，所以只有一列，显示背景色是灰色。第12行定义了第二个群组列，也只有一列，显示背景色是黄色。第13行定义了第三个群组列，也是一列，显示背景色是橘色。

程序实例ch6_11.html：这个程序重新设计ch6_10.html，第一个群组列依旧是指第一列，不过将第二和第三个列群组化成第二个群组列，同时令第一个群组列的表格背景色是灰色，第二个群组列的背景色是黄色。

执行结果

上述程序第11行定义了第一个群组列，但只有一列，背景色是灰色。最重要的是第12行，span="2"目的是定义这个群组列包含2列，背景色是黄色。