1e:I[148915,["/_next/static/chunks/144c003qaudkf.js","/_next/static/chunks/0kf3n8rnsar0y.js","/_next/static/chunks/0bet53rhd76ao.js","/_next/static/chunks/08gfvy5wn8413.js","/_next/static/chunks/0f9-ccpgf2l37.js","/_next/static/chunks/0-69m0v4lwrwo.js","/_next/static/chunks/011-g1._zzygq.js","/_next/static/chunks/0o-ppy1xw07xk.js","/_next/static/chunks/135dy8oj037.s.js","/_next/static/chunks/145sp-95keou8.js","/_next/static/chunks/03lrjwbt7lr2v.js","/_next/static/chunks/1332563el9cco.js","/_next/static/chunks/0zgshrnaghbpz.js"],"HtmlDocArticleView"] 1f:T669,## Table Basics HTML-таблиці використовують для **табличних даних**: розкладів, цін, статистики, рейтингів, фінансових звітів, результатів порівняння тощо. Таблицю **не варто** використовувати для верстки сторінки. Для layout краще використовувати CSS: Flexbox або Grid. --- ### Основні теги таблиці #### `table` `table` - головний контейнер таблиці. ```html ...

``` --- #### `tr` `tr` означає **table row** - рядок таблиці. ```html ... ``` --- #### `td` `td` означає **table data** - звичайна комірка з даними. ```html Frontend HTML ``` --- #### `th` `th` означає **table header** - заголовкова комірка. Зазвичай браузер показує `th` жирним текстом і вирівнює по центру. ```html Course Topic ``` --- ### Простий приклад таблиці ```html

Course	Topic	Status
Frontend	HTML Tables	In progress
Frontend	Forms	Next

``` Результат: | Course | Topic | Status | | -------- | ----------- | ----------- | | Frontend | HTML Tables | In progress | | Frontend | Forms | Next | 20:T658,HTML-таблиці використовують для **табличних даних**: розкладів, цін, статистики, рейтингів, фінансових звітів, результатів порівняння тощо. Таблицю **не варто** використовувати для верстки сторінки. Для layout краще використовувати CSS: Flexbox або Grid. --- ### Основні теги таблиці #### `table` `table` - головний контейнер таблиці. ```html ...

Course	Topic	Status
Frontend	HTML Tables	In progress
Frontend	Forms	Next

``` Результат: | Course | Topic | Status | | -------- | ----------- | ----------- | | Frontend | HTML Tables | In progress | | Frontend | Forms | Next | 21:T796,