Каква е структурата на таблицата в HTML?

Структурата на таблица в HTML се определя чрез няколко елемента:

• <table>: Обвивката на таблицата.
• <caption>: Необязателен заглавие на таблицата.
• <colgroup> и <col>: Необходими елементи за групиране на колони и прилагане на стилове.
• <thead>: Секция на заглавията на колоните.
• <tbody>: Основната секция с съдържание.
• <tfoot>: Секция на долния колонтитул.
• <tr>: Ред на таблицата.
• <th>: Заглавна клетка в ред.
• <td>: Данна клетка в ред.

Елементите <thead>, <tbody> и <tfoot> помагат за групиране на редовете по смисъл и могат да се използват от браузърите за оптимизация на показването на големи таблици. В тези секции се намират <tr>. Вътре в <tr> има <th> (обикновено в <thead>, понякога в <tbody> или <tfoot>) или <td> (в <tbody> и <tfoot>, понякога в <thead>).

Пример за базова структура:

<table>
  <caption>
    Списък с продукти
  </caption>
  <thead>
    <tr>
      <th>Име</th>
      <th>Цена</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Продукт 1</td>
      <td>100</td>
    </tr>
    <tr>
      <td>Продукт 2</td>
      <td>150</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Общо: 250</td>
    </tr>
  </tfoot>
</table>