前端HTML学习之案例--学生信息表

效果图

实现代码

    <table border="1" width="500" height="500">
        <caption><h3>学生信息表</h3></caption>
        <thead>
            <tr>
                <th>年级</th>
                <th>姓名</th>
                <th>成绩</th>
                <th>评价</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td rowspan="2">高三</td>
                <td>小明</td>
                <td>89</td>
                <td>不错</td>
            </tr>
            <tr>
                <td>小李</td>
                <td>99</td>
                <td>漂亮</td>
            </tr>
            <tr>
                <td>高二</td>
                <td>小花</td>
                <td>86</td>
                <td>加油</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>评价</td>
                <td colspan="3">你们都是最棒的！</td>
            </tr>
        </tfoot>
    </table>