<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Успеваемость группы 3 ОВТ</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 40px;
background: white;
}
table {
border-collapse: collapse;
width: 100%;
max-width: 1100px;
margin: 0 auto;
font-size: 14px;
}
th, td {
border: 1px solid #333;
padding: 8px 10px;
text-align: center;
vertical-align: top;
}
th {
background-color: #f0f0f0;
font-weight: 600;
}
td:first-child {
text-align: left;
background-color: #fafafa;
}
.caption {
text-align: center;
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.sub {
text-align: center;
font-size: 16px;
margin-top: -15px;
margin-bottom: 20px;
}
.footer {
margin-top: 20px;
font-style: italic;
text-align: center;
}
</style>
</head>
<body>
<div style="max-width: 1100px; margin: 0 auto;">
<div class="caption">Успеваемость группы 3 ОВТ</div>
<div class="sub">За первый семестр</div>
<table>
<thead>
<tr>
<th rowspan="2">Студент</th>
<th colspan="4">Предметы / показатели</th>
<th colspan="3">Пропуски</th>
</tr>
<tr>
<th>Интернет-технологии</th>
<th>Единиц</th>
<th>ОВС</th>
<th>Операционные системы</th>
<th>Всего</th>
<th>По указ. причине</th>
<th>По неуказ. причине</th>
</tr>
</thead>
<tbody>
<tr>
<td>Сидорова О. Л.</td>
<td>4</td>
<td>4</td>
<td>4</td>
<td>4</td>
<td>78</td>
<td>67</td>
<td>11</td>
</tr>
<!-- при необходимости можно добавить других студентов -->
</tbody>
</table>
<div class="footer">
Составить студент группу...
</div>
</div>
</body>
</html>
