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>для семантической структуры.