Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить тег <table>?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Тег `<table>`** створює таблицю в HTML і слугує основним контейнером для всіх її елементів: рядків (`<tr>`), комірок (`<td>`), заголовків (`<th>`) та логічних частин (`<thead>`, `<tbody>`, `<tfoot>`). **Ключове:** сам по собі він не відображає дані, а організовує їх у рядки та стовпці.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняТег `<table>` в HTML використовується для **створення таблиці** - структури, що складається з рядків і стовпців, у яких зберігаються дані. Він є **контейнером** для всіх елементів таблиці: рядків (`<tr>`), комірок (`<td>`), заголовків (`<th>`), а також логічних частин (`<thead>`, `<tbody>`, `<tfoot>`). --- ### Основна функція Тег `<table>` групує та відображає дані **у табличній формі** - як сітку, де рядки та стовпці перетинаються в комірках. --- ### Приклад: ```html <table> <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> ``` **Що відбувається:** - `<table>` - створює таблицю. - `<tr>` - додає рядок. - `<th>` - робить комірку заголовком (жирний шрифт, центрування). - `<td>` - додає звичайну комірку з даними. --- ### Атрибути тега `<table>` (застарілі, але трапляються) - `border` - додає рамку навколо таблиці. ```html <table border="1">...</table> ``` - `cellpadding` - задає внутрішні відступи всередині комірок. - `cellspacing` - відстань між комірками. > Зараз для оформлення таблиць використовують **CSS**, а не ці атрибути. --- ### Приклад із CSS: ```html <table> <tr> <th>Item</th> <th>Price</th> </tr> <tr> <td>Bread</td> <td>$40</td> </tr> </table> <style> table { border-collapse: collapse; width: 300px; } th, td { border: 1px solid #333; padding: 8px; text-align: left; } </style> ``` --- ### Висновок: Тег `<table>` створює таблицю і слугує **основним контейнером** для всіх її елементів. Він не відображає дані сам по собі, але організовує їх у **рядки та стовпці**, забезпечуючи структуроване та візуально зрозуміле представлення інформації.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.