-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathTable.html
111 lines (92 loc) · 5.5 KB
/
Table.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Table</title>
</head>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
padding: 15px
border-spacing 30px;
}
</style>
<body>
<center>
<h2>RESULT SHEET FOR ST. BENEDICT HIGH SCHOOL</h2>
<h3>
<div>
<th id="Table"> School Name: St. Benedict High School
<div>
Teacher's Name: Mr. Ade
</div> <div> Class: S.S. 2 TWO </div>
</th>
</h3>
<table style="width:100%">
<tr class="data">
<td style=" background-color: brown; color:white;"><center>S/No.</center></td>
<td style=" background-color: brown; color:white;"><center>Students</center></td>
<td colspan="5" style=" background-color: brown; color:white;"><center>Subjects</center></td>
<td colspan="5" style=" background-color: brown; color:white;"><center>Total Scores</center></td>
</tr>
<tr class="data">
<td><center>1</center></td>
<td><center>Adekunle</center></td>
<td class="scores">Mathematics <div>73 </div> </td> <td class="scores">English <div>43 </div></td> <td class="scores">Physics <div>78</div></td> <td class="scores">Chemistry <div>73 </div></td> <td class="scores">Biology <div>37 </div></td>
<td><center>303</center></td>
</tr>
<tr class="data">
<td><center>2</center></td>
<td style=" background-color: brown; color:white;"><center>John</center></td>
<td class="scores">Mathematics <div>42 </div> </td> <td class="scores">English <div>64 </div></td> <td class="scores">Physics <div>70 </div> </td> <td class="scores">Chemistry <div>55 </div></td> <td class="scores">Biology <div>58 </div></td>
<td style=" background-color: brown; color:white;"><center>289</center></td>
</tr>
<tr class="data">
<td><center>3</center></td>
<td><center>Peter</center></td>
<td class="scores">Mathematics <div>62 </div> </td> <td class="scores">English <div>40 </div></td> <td class="scores">Physics <div>73 </div> </td> <td class="scores">Chemistry <div>75 </div></td> <td class="scores">Biology <div>99 </div></td>
<td><center>349</center></td>
</tr>
<tr class="data">
<td><center>4</center></td>
<td style=" background-color: brown; color:white;"><center>Rukayat</center></td>
<td class="scores">Mathematics <div>77 </div> </td> <td class="scores">English <div>75 </div></td> <td class="scores">Physics <div>78 </div> </td> <td class="scores">Chemistry <div>75 </div></td> <td class="scores">Biology <div>82 </div></td>
<td style=" background-color: brown; color:white;"><center>387</center></td>
</tr>
<tr class="data">
<td><center>5</center></td>
<td><center>Paul</center></td>
<td class="scores">Mathematics <div>72 </div> </td> <td style=" background-color: brown; color:white;" class="scores">English <div>40 </div></td> <td style=" background-color: brown; color:white;" class="scores">Physics <div>72 </div> </td> <td style=" background-color: brown; color:white;" class="scores">Chemistry <div>70 </div></td> <td class="scores">Biology <div>97 </div></td>
<td><center>351</center></td>
</tr>
<tr class="data">
<td><center>6</center></td>
<td style=" background-color: brown; color:white;"><center>Victor</center></td>
<td class="scores">Mathematics <div>76 </div> </td> <td class="scores">English <div>64 </div></td> <td class="scores">Physics <div>48 </div> </td> <td class="scores">Chemistry <div>99 </div></td> <td class="scores">Biology <div>37 </div></td>
<td style=" background-color: brown; color:white;"><center>324</center></td>
</tr>
<tr class="data">
<td><center>7</center></td>
<td><center>John</center></td>
<td class="scores">Mathematics <div>62 </div> </td> <td class="scores">English <div>54 </div></td> <td class="scores">Physics <div>78 </div> </td> <td class="scores">Chemistry <div>75 </div></td> <td class="scores">Biology <div>64 </div></td>
<td><center>333</center></td>
</tr>
<tr class="data">
<td><center>8</center></td>
<td style=" background-color: brown; color:white;"><center>Doe</center></td>
<td class="scores">Mathematics <div>52 </div> </td> <td class="scores">English <div>84 </div></td> <td class="scores">Physics <div>48 </div> </td> <td class="scores">Chemistry <div>85 </div></td> <td class="scores">Biology <div>27 </div></td>
<td style=" background-color: brown; color:white;"><center>296</center></td>
</tr>
<tr class="data">
<td><center>9</center></td>
<td><center>Stephen</center></td>
<td class="scores">Mathematics <div>92 </div> </td> <td class="scores">English <div>44 </div></td> <td class="scores">Physics <div>78 </div> </td> <td class="scores">Chemistry <div>65 </div></td> <td class="scores">Biology <div>61 </div></td>
<td><center>340</center></td>
</tr>
</table>
</center>
</body>
</html>