代码示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        
        <table width="900px" height="300"  cellspacing="0" rules="groups">
            <!-- 标题：自动居中 -->
            <caption>通讯录</caption>
            <colgroup span="1"></colgroup>
            <colgroup span="2"></colgroup>
            <colgroup span="1"></colgroup>
            <thead bgcolor="pink" >
                <tr  align="center">
                    <!--  td、th都表示单元格，th:加粗且居中 -->
                    <!-- th 表格的标题 -->
                    <th width="300px">姓名</th>
                    <th width="300px">电话</th>
                    <th>邮编</th>
                    <th>传真</th>
                </tr>
                
            </thead>
            <tbody bgcolor="pink">
                <tr>
                    <td>小民</td>
                    <td>666</td>
                    <td>北极</td>
                    <td>555</td>
                </tr>
                <tr>
                    <td>小民</td>
                    <td>666</td>
                    <td>北极</td>
                    <td>555</td>
                </tr>
                <tr>
                    <td>小民</td>
                    <td>666</td>
                    <td>北极</td>
                    <td>555</td>
                </tr>
                <tr>
                    <td>小民</td>
                    <td>666</td>
                    <td>北极</td>
                    <td>555</td>
                </tr>
                
            </tbody>
        </table>
    </body>
</html>