06 Html5之表格元素

听取51CTO课程笔记

一、表格元素汇总

构建表格的最基本三元素：<table> <tr> <td>

元素名称	说明
table	表示表格
thead	表示标题行
tbody	表示表格主体
tfoot	表示表脚
tr	表示一行单元格
th	表示标题行单元格
td	表示单元格
col	表示一列
colgroup	表示一组列
caption	表示表格标题

二、构建表格解析

<tr>

<td>总计</td>

<td colspan="2">共两个人</td> //合并两列

<td rowspan=“4”>合并四行</td>

</tr>

设置整列的属性：下面这两句话是设置第二列为红色 这里的span指的是选中几列，先把第一列设置为白色，然后光标选择在第二列开始，再将第二列设置为红色即可

<colgroup style="backgroud:white;" span="1"></co;group>

<colgroup style="backgroud:red;" span="1"></co;group>

<col>更加灵活的设置列可以使用<col>设置占位符

<colgroup>

<col style="backgroud:red；" span="1">

</colgroup>