image.png

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Title</title>
    6. </head>
    7. <body>
    9. <table border="1">
    10.     <caption>学生成绩表</caption>
    12.     <tr>
    13.         <td colspan="3" align="center">学生成绩</td>
    14.     </tr>
    16.     <tr>
    17.         <td rowspan="2" align="center">佳豪</td>
    18.         <td align="center">语文</td>
    19.         <td align="center">100</td>
    20.     </tr>
    22.     <tr>
    23.         <td align="center">数学</td>
    24.         <td align="center">100</td>
    25.     </tr>
    27.     <tr>
    28.         <td rowspan="2" align="center">阿离</td>
    29.         <td align="center">语文</td>
    30.         <td align="center">100</td>
    31.     </tr>
    33.     <tr>
    34.         <td align="center">数学</td>
    35.         <td align="center">100</td>
    36.     </tr>
    37. </table>
    39. </body>
    40. </html>

    运行结果：
    image.png
    boder属性：设置边框；
    caption属性：设置表名；
    属性：行；
    属性：列；
    rowspan属性：该列所占用的行数；
    colspan属性：该行所占列数；
    align属性：center字体居中，right居右，left居左；