Gymterview
junior

Для чего предназначены теги tr, th, td

Теги <tr>, <th> и <td> — это основные строительные блоки HTML-таблиц: <tr> создаёт строку, <th> — ячейку заголовка, <td> — ячейку данных.

Назначение

Тег Роль Стиль по умолчанию
<tr> Строка таблицы (table row)
<th> Ячейка заголовка (table header) Жирный, по центру
<td> Ячейка данных (table data) Обычный, по левому краю

Пример

Пример
<table>
    <thead>
        <tr>
            <th>Метод</th>
            <th>Идемпотентный</th>
            <th>Тело запроса</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>GET</td>
            <td>Да</td>
            <td>Нет</td>
        </tr>
        <tr>
            <td>POST</td>
            <td>Нет</td>
            <td>Да</td>
        </tr>
    </tbody>
</table>

Атрибуты ячеек

Атрибут Назначение Пример
colspan Объединение ячеек по горизонтали <td colspan="2">
rowspan Объединение ячеек по вертикали <td rowspan="3">
scope Область действия заголовка (col, row) <th scope="col">

Структурные секции таблицы

Для семантики и стилизации таблицу делят на секции:

  • <thead> — заголовочная часть
  • <tbody> — тело таблицы
  • <tfoot> — подвал таблицы (итоги)
  • <caption> — подпись к таблице

На собеседовании: <tr> — строка, <th> — ячейка заголовка (жирная, по центру), <td> — ячейка данных. Упомяните colspan/rowspan для объединения ячеек и секции <thead>/<tbody>/<tfoot> для семантической структуры.