Как разметить простую HTML-таблицу?

Базовое понимание

Таблица: table → thead/tbody → tr → th/td.

<table>
  <thead>
    <tr><th>Имя</th><th>Роль</th></tr>
  </thead>
  <tbody>
    <tr><td>Анна</td><td>Dev</td></tr>
  </tbody>
</table>

Для данных — таблица; для вёрстки колонок — Flex/Grid, не table-layout хаки.

Итог: строки tr, ячейки td/th, логические блоки thead/tbody.