HTML <tfoot>: 표 푸터 요소

<table>
  <thead>
    <tr>
      <th>항목</th>
      <th scope="col">지출</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">식빵</th>
      <td>3,000</td>
    </tr>
    <tr>
      <th scope="row">커피</th>
      <td>4,500</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <th scope="row">합계</th>
      <td>7,500</td>
    </tr>
  </tfoot>
</table>

table {
  border-collapse: collapse;
}

thead,
tfoot {
  background: #dddd;
  color: #333;
}

th,
td {
  border: 1px solid #777;
  padding: 8px;
}