Skip to main content

Що робить тег <tr>?

HTMLJunior~1 хв читання
Запропонувати правку

Тег <tr> (від table row) використовується в HTML для створення рядка в таблиці. Кожен рядок таблиці міститься в <tr>, а всередині нього розташовуються комірки - <td> (звичайні дані) або <th> (заголовки).

Основне призначення

<tr> групує комірки в одну горизонтальну лінію - рядок таблиці. Без цього тега неможливо задати структуру таблиці: кожен новий рядок даних має бути всередині свого <tr>.

Приклад:

html
<table border="1"> <tr> <th>Name</th> <th>Age</th> </tr> <tr> <td>Maria</td> <td>25</td> </tr> <tr> <td>Oleh</td> <td>30</td> </tr> </table>

Що відбувається:

  • Перший <tr> - створює рядок заголовків (<th>).
  • Наступні <tr> - створюють рядки з даними (<td>).

Можна використовувати всередині:

  • <thead> - для рядка заголовків,
  • <tbody> - для рядків з основними даними,
  • <tfoot> - для рядків з підсумками.
html
<table> <thead> <tr><th>Month</th><th>Income</th></tr> </thead> <tbody> <tr><td>January</td><td>10000</td></tr> <tr><td>February</td><td>12000</td></tr> </tbody> <tfoot> <tr><td>Total</td><td>22000</td></tr> </tfoot> </table>

Висновок:

Тег <tr> створює один рядок таблиці, в якому розташовуються комірки даних (<td>) або заголовків (<th>). Кожна таблиця складається з послідовності таких рядків, формуючи структуру "по горизонталі".

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.

Запропонувати правку