代码编写如下
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>一班成绩表</title> </head> <body> <table border="1" ; cellspacing="0"; cellpadding="4px";; width="60%"> <!--border="1"设置表格边框的宽度为1像素 cellspacing 属性规定单元格之间的空间。 注释：，cellpadding 属性规定的是单元边沿与单元内容之间的空间。 --> <thead> <caption><h1>成绩表</h1></caption> <!-- 定义表格标题 --> <tr bgcolor="#66CD00"> <th colspan="2">信息</th> <th colspan="3">分数</th> <td colspan="1" rowspan="2"><h2>排名</h2></td> <td colspan="1" rowspan="2"><h2>总分</h2></td> </tr> <tr bgcolor="#66CD00"> <td>学号</td> <td>姓名</td> <td>语文</td> <td>数学</td> <td>英语</td> </tr> </thead> <tbody> <tr> <td>1</td> <td;><img src="images/1.jpg" alt="头像" width="50px"；>张三</td> <td>89</td> <td>95</td> <td>95</td> <td;><a href="/">3</a></td> <td;><a href="/">279</a></td> </tr> <tr> <td>2</td> <td;><img src="images/2.jpg" alt="头像" width="50px"；>李四</td> <td>97</td> <td>98</td> <td>98</td> <td;><a href="/">1</a></td> <td;><a href="/">293</a></td> </tr> <tr> <td>3</td> <td;><img src="images/3.jpg" alt="头像" width="50px"；>李四</td> <td>97</td> <td>92</td> <td>98</td> <td;><a href="/">2</a></td> <td;><a href="/">287</a></td> </tr> </tbody> <tfoot> <tr bgcolor="#76EEC6"> <td colspan="2">平均分</td> <td>94.3</td> <td>95</td> <td>97</td> <td colspan="2">备注：期中考试</td> </tr> </table> </tfoot> <p> <a href="">首页</a> <a href="">上一页</a> <a href="">1</a> <a href="">2</a> <a href="">下一页</a> <a href="">尾页</a> </p> </body> </html>
运行结果
手抄代码：
