Код IT
← Каталог

Основные HTML-теги и их назначение — Таблица с разделением на секции (`<thead>`, `<tbody>`, `<tfoot>`)

Фрагмент из «Основные HTML-теги и их назначение»: Таблица с разделением на секции (`<thead>`, `<tbody>`, `<tfoot>`).

HTML main.html
<table border="1">
  <thead>
    <tr>
      <th>Товар</th>
      <th>Цена (руб.)</th>
      <th>Количество</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Ноутбук</td>
      <td>85000</td>
      <td>2</td>
    </tr>
    <tr>
      <td>Мышь</td>
      <td>1500</td>
      <td>5</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Итого:</td>
      <td>177500 руб.</td>
    </tr>
  </tfoot>
</table>
<table border="1">
  <thead>
    <tr>
      <th>Товар</th>
      <th>Цена (руб.)</th>
      <th>Количество</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Ноутбук</td>
      <td>85000</td>
      <td>2</td>
    </tr>
    <tr>
      <td>Мышь</td>
      <td>1500</td>
      <td>5</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Итого:</td>
      <td>177500 руб.</td>
    </tr>
  </tfoot>
</table>