Skip to content

Instantly share code, notes, and snippets.

@twilightty

twilightty/mei.html

Created May 8, 2025 00:20
Show Gist options
  • Save twilightty/8028c9eb5dd2362f050a9b2c21b4b222 to your computer and use it in GitHub Desktop.
Save twilightty/8028c9eb5dd2362f050a9b2c21b4b222 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
mei.html
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: Arial, sans-serif;
}
table {
border-collapse: collapse;
width: 100%;
max-width: 800px;
margin: 0 auto;
border: 2px solid #800080;
}
th, td {
border: 2px solid #800080;
padding: 8px;
text-align: center;
}
th {
background-color: #00FF00;
font-weight: bold;
}
.header {
text-align: center;
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
.green-row {
background-color: #00FF00;
font-weight: bold;
}
.name-column {
text-align: left;
}
</style>
</head>
<body>
<div class="header">Kết quả học tập</div>
<table>
<thead>
<tr class="green-row">
<th rowspan="2">Họ Và tên<br>Học Sinh</th>
<th colspan="2">Năm Sinh</th>
<th rowspan="2">Điểm<br>TB</th>
<th rowspan="2">Xếp Loại</th>
</tr>
<tr class="green-row">
<th>Nam</th>
<th>Nữ</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name-column">Lê Thanh Xuân</td>
<td></td>
<td>1950</td>
<td>8.5</td>
<td>Giỏi</td>
</tr>
<tr>
<td class="name-column">Phan Thế Hạ</td>
<td>1985</td>
<td></td>
<td>6.5</td>
<td>Khá</td>
</tr>
<tr>
<td class="name-column">Trần Hoài Thu</td>
<td></td>
<td>1986</td>
<td>9.5</td>
<td>Xuất Sắc</td>
</tr>
<tr>
<td class="name-column">Trương Lưu Đông</td>
<td>1984</td>
<td></td>
<td>6.0</td>
<td>Trung Bình</td>
</tr>
<tr>
<td class="name-column">Lưu Thế Mạc</td>
<td>1985</td>
<td></td>
<td>4.5</td>
<td>Kém</td>
</tr>
</tbody>
<tfoot>
<tr class="green-row">
<td colspan="3">Tổng số học sinh đạt:</td>
<td colspan="2">4 Học sinh</td>
</tr>
</tfoot>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment