前端基础-html-合并单元格

<!--

        合并单元格

        场景：将水平或垂直多个单元格合并成一个单元格

        1.明确合并哪几个单元格

        2.通过左上原则，确定保留谁删除谁

        上下合并 -只保留最上的，删除其他

        左右合并-只保留最左的，删除其他

        3.给保留的单元格设置：跨行合并（rowspan）或者跨列合并（colspan）

        rospan:合并单元格的个数

        说明：跨行合并，将多行单元格垂直合并

        colspan:合并单元格的个数

        说明：跨列合并，将多列单元格水平合并

        注意点：

        只有同一个结构标签中的单元格才能合并，不能跨结构标签合并（不能跨thead.tbody,tfoot）

     -->

     <table border="1" >

        <caption> <b>学生成绩单</b> </caption>

        <thead>

            <tr>

                <th>姓名</th>

                <th>成绩</th>

                <th>评语</th>

            </tr>