Какая структура у таблицы

Да ты посмотри, какие тут, блядь, кирпичи для стройки есть! HTML-таблица, сука. Не просто <div>-ами тыкать, а по-взрослому, с семантикой, блядь.

Вот смотри, как это, нахуй, собирается, как конструктор:

1. <table> — это типа фундамент, главный контейнер. Всё в нём живёт, вся эта ебля.
2. <thead> — голова таблицы, шапка, блядь. Тут обычно названия колонок. Не обязательна, но без неё — как без шапки на морозе, мудацки.
3. <tbody> — туловище, основное мясо. Сюда все данные пихаются. Без этого тега браузер сам его создаст, но лучше явно указать, а то он там накосячит, пидарас.
4. <tfoot> — подвал, итоги какие-нибудь. Тоже опционально, но если нужен — он идёт в разметке ПОСЛЕ <thead>, но ДО <tbody>, ёпта! А в итоге браузер его вниз выведет. Магия, блядь.
5. <tr> — это строка, ряд. Table Row, если по-буржуйски. Внутри неё уже ячейки.
6. <th> — ячейка-заголовок. Table Header. Жирненькая, по центру обычно. Её в <thead> суют.
7. <td> — обычная ячейка с данными. Table Data. Вот тут твои циферки и буковки.

Пример, чтобы вообще ни хуя не осталось непонятного:

<table>
  <thead>
    <tr>
      <th>Имя</th>
      <th>Возраст</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Иван</td>
      <td>25</td>
    </tr>
  </tbody>
</table>

Ещё фишки, блядь:

• Порядок секций в коде, повторю для твоей, прости господи, тупой башки: thead → tbody → tfoot. А отрисуется как thead, tfoot, tbody. Вот такой пиздец.
• Хочешь ячейку на несколько строк или колонок растянуть? rowspan и colspan тебе в помощь, хитрая жопа.
• И главное, сука, семантика! Для заголовков — <th>, а не <td> с жирным шрифтом. А то потом скринридеры охуеют и слепые пользователи тебя проклянут. Не будь мудаком, делай правильно.