190 lines
3.1 KiB
HTML
190 lines
3.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Excel Report</title>
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
font-family: Arial, sans-serif;
|
||
|
|
}
|
||
|
|
table {
|
||
|
|
width: 100%;
|
||
|
|
border-collapse: collapse;
|
||
|
|
}
|
||
|
|
table, th, td {
|
||
|
|
border: 1px solid black;
|
||
|
|
}
|
||
|
|
th, td {
|
||
|
|
padding: 8px;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<h1>Excel Report</h1>
|
||
|
|
|
||
|
|
<h2>Personal Info</h2>
|
||
|
|
<table>
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
|
||
|
|
<th>Name</th>
|
||
|
|
|
||
|
|
<th>Age</th>
|
||
|
|
|
||
|
|
<th>Occupation</th>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
|
||
|
|
<td>Alice</td>
|
||
|
|
|
||
|
|
<td>30</td>
|
||
|
|
|
||
|
|
<td>Engineer</td>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
|
||
|
|
<td>Bob</td>
|
||
|
|
|
||
|
|
<td>25</td>
|
||
|
|
|
||
|
|
<td>Data Scientist</td>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
|
||
|
|
<td>Charlie</td>
|
||
|
|
|
||
|
|
<td>35</td>
|
||
|
|
|
||
|
|
<td>Teacher</td>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<h2>Scores</h2>
|
||
|
|
<table>
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
|
||
|
|
<th>Name</th>
|
||
|
|
|
||
|
|
<th>Math</th>
|
||
|
|
|
||
|
|
<th>Science</th>
|
||
|
|
|
||
|
|
<th>English</th>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
|
||
|
|
<td>Alice</td>
|
||
|
|
|
||
|
|
<td>85</td>
|
||
|
|
|
||
|
|
<td>92</td>
|
||
|
|
|
||
|
|
<td>88</td>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
|
||
|
|
<td>Bob</td>
|
||
|
|
|
||
|
|
<td>78</td>
|
||
|
|
|
||
|
|
<td>81</td>
|
||
|
|
|
||
|
|
<td>86</td>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
|
||
|
|
<td>Charlie</td>
|
||
|
|
|
||
|
|
<td>93</td>
|
||
|
|
|
||
|
|
<td>89</td>
|
||
|
|
|
||
|
|
<td>91</td>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<h2>Attendance</h2>
|
||
|
|
<table>
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
|
||
|
|
<th>Name</th>
|
||
|
|
|
||
|
|
<th>January</th>
|
||
|
|
|
||
|
|
<th>February</th>
|
||
|
|
|
||
|
|
<th>March</th>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
|
||
|
|
<td>Alice</td>
|
||
|
|
|
||
|
|
<td>Present</td>
|
||
|
|
|
||
|
|
<td>Absent</td>
|
||
|
|
|
||
|
|
<td>Present</td>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
|
||
|
|
<td>Bob</td>
|
||
|
|
|
||
|
|
<td>Absent</td>
|
||
|
|
|
||
|
|
<td>Present</td>
|
||
|
|
|
||
|
|
<td>Present</td>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
|
||
|
|
<td>Charlie</td>
|
||
|
|
|
||
|
|
<td>Present</td>
|
||
|
|
|
||
|
|
<td>Present</td>
|
||
|
|
|
||
|
|
<td>Present</td>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|