html表格的组成及实例

表格是html的非常重用的一个组成部分。

其组成元素主要有：

1.table
2.caption:标题
3.thead :表头
4.tbody:表体（必须有）
5.tfoot:表尾
6.tr:表行
7.th:表头行
8.td:表列

常用的属性有：

1.rowspan:跨行合并；
2.colspan:跨列合并；
3.border:表的边框
4.cellspacing=”0”：设置单元格与单元格之间的距离
5.cellpadding=”10”:设置单元格内容与单元格边框的距离.

表格在课程表中的应用

 <table border="1" cellspacing="0" cellpadding="10">
        <caption>课程表</caption>
        <thead>
            <tr>
                <th></th>
                <th>星期一</th>
                <th>星期二</th>
                <th>星期三</th>
                <th>星期四</th>
                <th>星期五</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>第一节</td>
                <td rowspan="2">英语</td>
                <td>语文</td>
                <td rowspan="2">化学</td>
                <td>体育</td>
                <td>数学</td>
            </tr>
            <tr>
                <td>第二节</td>
                <td>化学</td>
                <td>数学</td>
                <td>英语</td>
            </tr>
            <tr>
                <td>第三节</td>
                <td>语文</td>
                <td >数学</td>
                <td colspan="2">体育</td>
                <td>化学</td>
            </tr>
            <tr>
                <td>第四节</td>
                <td colspan="2">语文</td>
                <td>英语</td>
                <td colspan="2">化学</td>
            </tr>
            <tr>
                <td>第五节</td>
                <td>英语</td>
                <td colspan="2">语文</td>
                <td colspan="2">化学</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td colspan="6">注意:课间休息十分钟</td>
            </tr>
        </tfoot>
    </table>

效果图如下：