<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
<style>
th, td {
padding: 10px;
border: 1px solid #666;
}
</style>
</head>
<body>
<table style="width:80%; margin:30px auto; border-collapse:collapse;">
<thead style="background-color:#1c87c9; color:#fff;">
<tr>
<th>Monat</th>
<th>Ersparnisse</th>
</tr>
</thead>
<tfoot style="background-color:grey;">
<!-- <tfoot> ist nach <thead> platziert, ist aber am unteren Rand der Tabelle zu sehen. -->
<tr>
<td>Gesamt</td>
<td>1500</td>
</tr>
</tfoot>
<tbody style="background-color:lightgrey;">
<tr>
<td>Januar</td>
<td>500</td>
</tr>
<tr>
<td>Februar</td>
<td>1000</td>
</tr>
</tbody>