代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <style> table { border-collapse: collapse; } </style> <body> <!-- 不需要写逗号 --> <table border="1" width="400" height="400"> <!-- 表格大标题 --> <caption><h3>优秀学生信息表格</h3></caption> <!-- 表格头部 --> <thead> <tr> <!-- 使用th标签 --> <th>年级</th> <th>姓名</th> <th>学号</th> <th>班级</th> </tr> </thead> <!-- 表格主体 --> <tbody> <tr> <td rowspan="2">高三</td> <td>张三</td> <td>110</td> <td>三年二班</td> </tr> <tr> <td>赵四</td> <td>120</td> <td>三年三班</td> </tr> </tbody> <!-- 表格尾部 --> <tfoot> <tr> <td>评语</td> <td colspan="3">你们都很优秀</td> </tr> </tfoot> </table> </body> </html>
注意点
要分为四部分进行书写,大标题,表头,表格内容,表尾