标签 | 描述 |
---|---|
<table> | 定义表格 |
<th> | 定义表格的表头 |
<tr> | 定义表格的行 |
<td> | 定义表格单元 |
<caption> | 定义表格标题 |
<colgroup> | 定义表格列的组 |
<col> | 定义用于表格列的属性 |
<thead> | 定义表格的页眉 |
<tbody> | 定义表格的主体 |
<tfoot> | 定义表格的页脚 |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>图文表格</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
<script src="main.js"></script>
</head>
<body>
<div id = "header" style="background-color: coral;text-align: center">
<font size = "5"><b>学生考试成绩表</b></font>
</div>
<div id = "content" style="background-color: hotpink">
<table>
<thead>
<tr>
<th>
<div style="background-color: aqua;width:150px">
<font size = "4">
<b>
考号
</b>
</font>
</div>
</th>
<th>
<div style="background-color:wheat;width:150px">
<font size = "4">
<b>
班级
</b>
</font>
</div>
</th>
<th>
<div style="background-color: rgb(0, 140, 255);width:150px">
<font size = "4">
<b>
姓名
</b>
</font>
</div>
</th>
<th>
<div style="background-color:snow;width:150px">
<font size = "4">
<b>
语文
</b>
</font>
</div>
</th>
<th>
<div style="background-color:darkturquoise;width:150px">
<font size = "4">
<b>
数学
</b>
</font>
</div>
</th>
<th>
<div style="background-color:rgb(0, 209, 139);width:150px">
<font size = "4">
<b>
英语
</b>
</font>
</div>
</th>
<th>
<div style="background-color:rgb(7, 209, 0);width:150px">
<font size = "4">
<b>
理论
</b>
</font>
</div>
</th>
<th>
<div style="background-color:rgb(171, 209, 0);width:150px">
<font size = "4">
<b>
实践
</b>
</font>
</div>
</th>
<th>
<div style="background-color:rgb(209, 0, 192);width:150px">
<font size = "4">
<b>
总分
</b>
</font>
</div>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div style="background-color: aqua;width:150px;text-align: center">
<font size = "4">
<b>
9800500
</b>
</font>
</div>
</td>
<td>
<div style="background-color:wheat;width:150px;text-align: center">
<font size = "4">
<b>
软件2班
</b>
</font>
</div>
</td>
<td>
<div style="background-color: rgb(0, 140, 255);width:150px;text-align: center">
<font size = "4">
<b>
王钧
</b>
</font>
</div>
</td>
<td>
<div style="background-color:snow;width:150px;text-align: center">
<font size = "4">
<b>
62
</b>
</font>
</div>
</td>
<td>
<div style="background-color:darkturquoise;width:150px;text-align: center">
<font size = "4">
<b>
72
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(0, 209, 139);width:150px;text-align: center">
<font size = "4">
<b>
91
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(7, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
131
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(171, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
133
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(209, 0, 192);width:150px;text-align: center">
<font size = "4">
<b>
489
</b>
</font>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: aqua;width:150px;text-align: center">
<font size = "4">
<b>
9800498
</b>
</font>
</div>
</td>
<td>
<div style="background-color:wheat;width:150px;text-align: center">
<font size = "4">
<b>
软件2班
</b>
</font>
</div>
</td>
<td>
<div style="background-color: rgb(0, 140, 255);width:150px;text-align: center">
<font size = "4">
<b>
王凯
</b>
</font>
</div>
</td>
<td>
<div style="background-color:snow;width:150px;text-align: center">
<font size = "4">
<b>
61
</b>
</font>
</div>
</td>
<td>
<div style="background-color:darkturquoise;width:150px;text-align: center">
<font size = "4">
<b>
47
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(0, 209, 139);width:150px;text-align: center">
<font size = "4">
<b>
77
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(7, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
107
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(171, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
93
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(209, 0, 192);width:150px;text-align: center">
<font size = "4">
<b>
385
</b>
</font>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: aqua;width:150px;text-align: center">
<font size = "4">
<b>
9800496
</b>
</font>
</div>
</td>
<td>
<div style="background-color:wheat;width:150px;text-align: center">
<font size = "4">
<b>
软件2班
</b>
</font>
</div>
</td>
<td>
<div style="background-color: rgb(0, 140, 255);width:150px;text-align: center">
<font size = "4">
<b>
王钧
</b>
</font>
</div>
</td>
<td>
<div style="background-color:snow;width:150px;text-align: center">
<font size = "4">
<b>
64
</b>
</font>
</div>
</td>
<td>
<div style="background-color:darkturquoise;width:150px;text-align: center">
<font size = "4">
<b>
79
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(0, 209, 139);width:150px;text-align: center">
<font size = "4">
<b>
82
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(7, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
114
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(171, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
99
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(209, 0, 192);width:150px;text-align: center">
<font size = "4">
<b>
438
</b>
</font>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: aqua;width:150px;text-align: center">
<font size = "4">
<b>
9800494
</b>
</font>
</div>
</td>
<td>
<div style="background-color:wheat;width:150px;text-align: center">
<font size = "4">
<b>
软件2班
</b>
</font>
</div>
</td>
<td>
<div style="background-color: rgb(0, 140, 255);width:150px;text-align: center">
<font size = "4">
<b>
张伟
</b>
</font>
</div>
</td>
<td>
<div style="background-color:snow;width:150px;text-align: center">
<font size = "4">
<b>
70
</b>
</font>
</div>
</td>
<td>
<div style="background-color:darkturquoise;width:150px;text-align: center">
<font size = "4">
<b>
55
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(0, 209, 139);width:150px;text-align: center">
<font size = "4">
<b>
82
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(7, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
132
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(171, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
85
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(209, 0, 192);width:150px;text-align: center">
<font size = "4">
<b>
424
</b>
</font>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: aqua;width:150px;text-align: center">
<font size = "4">
<b>
9800492
</b>
</font>
</div>
</td>
<td>
<div style="background-color:wheat;width:150px;text-align: center">
<font size = "4">
<b>
软件2班
</b>
</font>
</div>
</td>
<td>
<div style="background-color: rgb(0, 140, 255);width:150px;text-align: center">
<font size = "4">
<b>
张霞
</b>
</font>
</div>
</td>
<td>
<div style="background-color:snow;width:150px;text-align: center">
<font size = "4">
<b>
73
</b>
</font>
</div>
</td>
<td>
<div style="background-color:darkturquoise;width:150px;text-align: center">
<font size = "4">
<b>
93
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(0, 209, 139);width:150px;text-align: center">
<font size = "4">
<b>
87
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(7, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
125
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(171, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
94
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(209, 0, 192);width:150px;text-align: center">
<font size = "4">
<b>
472
</b>
</font>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: aqua;width:150px;text-align: center">
<font size = "4">
<b>
9801034
</b>
</font>
</div>
</td>
<td>
<div style="background-color:wheat;width:150px;text-align: center">
<font size = "4">
<b>
软件2班
</b>
</font>
</div>
</td>
<td>
<div style="background-color: rgb(0, 140, 255);width:150px;text-align: center">
<font size = "4">
<b>
刘凯威
</b>
</font>
</div>
</td>
<td>
<div style="background-color:snow;width:150px;text-align: center">
<font size = "4">
<b>
66
</b>
</font>
</div>
</td>
<td>
<div style="background-color:darkturquoise;width:150px;text-align: center">
<font size = "4">
<b>
60
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(0, 209, 139);width:150px;text-align: center">
<font size = "4">
<b>
84
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(7, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
114
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(171, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
135
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(209, 0, 192);width:150px;text-align: center">
<font size = "4">
<b>
459
</b>
</font>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: aqua;width:150px;text-align: center">
<font size = "4">
<b>
9801056
</b>
</font>
</div>
</td>
<td>
<div style="background-color:wheat;width:150px;text-align: center">
<font size = "4">
<b>
软件2班
</b>
</font>
</div>
</td>
<td>
<div style="background-color: rgb(0, 140, 255);width:150px;text-align: center">
<font size = "4">
<b>
刑天
</b>
</font>
</div>
</td>
<td>
<div style="background-color:snow;width:150px;text-align: center">
<font size = "4">
<b>
70
</b>
</font>
</div>
</td>
<td>
<div style="background-color:darkturquoise;width:150px;text-align: center">
<font size = "4">
<b>
41
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(0, 209, 139);width:150px;text-align: center">
<font size = "4">
<b>
80
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(7, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
141
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(171, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
132
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(209, 0, 192);width:150px;text-align: center">
<font size = "4">
<b>
464
</b>
</font>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: aqua;width:150px;text-align: center">
<font size = "4">
<b>
9800922
</b>
</font>
</div>
</td>
<td>
<div style="background-color:wheat;width:150px;text-align: center">
<font size = "4">
<b>
软件2班
</b>
</font>
</div>
</td>
<td>
<div style="background-color: rgb(0, 140, 255);width:150px;text-align: center">
<font size = "4">
<b>
唐虞
</b>
</font>
</div>
</td>
<td>
<div style="background-color:snow;width:150px;text-align: center">
<font size = "4">
<b>
73
</b>
</font>
</div>
</td>
<td>
<div style="background-color:darkturquoise;width:150px;text-align: center">
<font size = "4">
<b>
33
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(0, 209, 139);width:150px;text-align: center">
<font size = "4">
<b>
84
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(7, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
131
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(171, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
130
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(209, 0, 192);width:150px;text-align: center">
<font size = "4">
<b>
451
</b>
</font>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: aqua;width:150px;text-align: center">
<font size = "4">
<b>
9800621
</b>
</font>
</div>
</td>
<td>
<div style="background-color:wheat;width:150px;text-align: center">
<font size = "4">
<b>
软件2班
</b>
</font>
</div>
</td>
<td>
<div style="background-color: rgb(0, 140, 255);width:150px;text-align: center">
<font size = "4">
<b>
郑和西
</b>
</font>
</div>
</td>
<td>
<div style="background-color:snow;width:150px;text-align: center">
<font size = "4">
<b>
71
</b>
</font>
</div>
</td>
<td>
<div style="background-color:darkturquoise;width:150px;text-align: center">
<font size = "4">
<b>
36
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(0, 209, 139);width:150px;text-align: center">
<font size = "4">
<b>
79
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(7, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
139
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(171, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
102
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(209, 0, 192);width:150px;text-align: center">
<font size = "4">
<b>
427
</b>
</font>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: aqua;width:150px;text-align: center">
<font size = "4">
<b>
9800510
</b>
</font>
</div>
</td>
<td>
<div style="background-color:wheat;width:150px;text-align: center">
<font size = "4">
<b>
软件2班
</b>
</font>
</div>
</td>
<td>
<div style="background-color: rgb(0, 140, 255);width:150px;text-align: center">
<font size = "4">
<b>
王泽
</b>
</font>
</div>
</td>
<td>
<div style="background-color:snow;width:150px;text-align: center">
<font size = "4">
<b>
61
</b>
</font>
</div>
</td>
<td>
<div style="background-color:darkturquoise;width:150px;text-align: center">
<font size = "4">
<b>
28
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(0, 209, 139);width:150px;text-align: center">
<font size = "4">
<b>
72
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(7, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
121
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(171, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
107
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(209, 0, 192);width:150px;text-align: center">
<font size = "4">
<b>
389
</b>
</font>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: aqua;width:150px;text-align: center">
<font size = "4">
<b>
9800449
</b>
</font>
</div>
</td>
<td>
<div style="background-color:wheat;width:150px;text-align: center">
<font size = "4">
<b>
软件2班
</b>
</font>
</div>
</td>
<td>
<div style="background-color: rgb(0, 140, 255);width:150px;text-align: center">
<font size = "4">
<b>
林风
</b>
</font>
</div>
</td>
<td>
<div style="background-color:snow;width:150px;text-align: center">
<font size = "4">
<b>
63
</b>
</font>
</div>
</td>
<td>
<div style="background-color:darkturquoise;width:150px;text-align: center">
<font size = "4">
<b>
60
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(0, 209, 139);width:150px;text-align: center">
<font size = "4">
<b>
85
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(7, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
125
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(171, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
101
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(209, 0, 192);width:150px;text-align: center">
<font size = "4">
<b>
434
</b>
</font>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: aqua;width:150px;text-align: center">
<font size = "4">
<b>
9800700
</b>
</font>
</div>
</td>
<td>
<div style="background-color:wheat;width:150px;text-align: center">
<font size = "4">
<b>
软件2班
</b>
</font>
</div>
</td>
<td>
<div style="background-color: rgb(0, 140, 255);width:150px;text-align: center">
<font size = "4">
<b>
李鑫
</b>
</font>
</div>
</td>
<td>
<div style="background-color:snow;width:150px;text-align: center">
<font size = "4">
<b>
62
</b>
</font>
</div>
</td>
<td>
<div style="background-color:darkturquoise;width:150px;text-align: center">
<font size = "4">
<b>
72
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(0, 209, 139);width:150px;text-align: center">
<font size = "4">
<b>
91
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(7, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
126
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(171, 209, 0);width:150px;text-align: center">
<font size = "4">
<b>
130
</b>
</font>
</div>
</td>
<td>
<div style="background-color:rgb(209, 0, 192);width:150px;text-align: center">
<font size = "4">
<b>
481
</b>
</font>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>