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

Покращити цю статтю

Допрацюйте відповідь до «Що робить тег <tr>?». Ваші зміни проходять модерацію перед публікацією.

Потрібне підтвердження

Контент

Що ви змінюєте

Заголовок (UA)

Коротка відповідь (UA)

Показується над повною відповіддю для швидкого нагадування.

Відповідь (UA)

Тег `<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>`).
Кожна таблиця складається з послідовності таких рядків, формуючи структуру "по горизонталі".

Markdown · перетягуйте зображення · ⌘B / ⌘I шорткати169 слів

Для рев’юера

Примітка для модератора (необов’язково)

Бачить лише модератор. Прискорює рев’ю.