<!DOCTYPE html>
<html>
<head>
<title>Заголовок окна веб-страницы</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>месяц</th>
<th>экономия</th>
</tr>
</thead>
<tfoot style="background-color:grey;">
<!-- <tfoot> помещается после <thead>, но отображается в нижней части таблицы. -->
<tr>
<td>общий</td>
<td>1500</td>
</tr>
</tfoot>
<tbody style="background-color:lightgrey;">
<tr>
<td>январь</td>
<td>500</td>
</tr>
<tr>
<td>февраль</td>
<td>1000</td>
</tr>
</tbody>