表格（布局）的简单解释

table表格标签 ，tr行标签，th单元格标题标签，td单元格标签，border加入格子

表格的代码说明

<table border="1">
    <tr>
        <th>1行1列的标题</th>
        <th>1行2列的标题</th>
    </tr>
    <tr>
        <td>1行1列的单元格</td>
        <td>1行2列的单元格</td>
    </tr>
    <tr>
        <td>2行1列的单元格</td>
        <td>2行2列的单元格</td>
    </tr>
</table>

效果图

表格的跨行与跨列

1.跨列

<table border="1">
    <tr>
        <td colspan="2">学生成绩</td>
    </tr>
    <tr>
        <td>数学</td>
        <td>99</td>
    </tr>
    <tr>
        <td>语文</td>
        <td>98</td>
    </tr>
</table>

效果图

2.跨行

<table border="1">
    <tr>
        <td rowspan="2">张三</td>
        <td>语文</td>
        <td>数学</td>
    </tr>
    <tr>
        <td>98</td>
        <td>99</td>
    </tr>
    <tr>
        <td rowspan="2">李四</td>
        <td>语文</td>
        <td>数学</td>
    </tr>
    <tr>
        <td>98</td>
        <td>97</td>
    </tr>
</table>

 效果图