<table>

<table> - таблиця.

Синтаксис:

<table> <tr><td>...</td></tr> </table>

Параметри:

tr - тег <tr>

td - тег <td>

Опис:

<table> (анг. table - таблиця) HTML тег який оголошує таблицю.

Тег <tr> вказує про створення рядка в таблиці, в якому необхідно створювяти клітинки (комірки) за допомогою: <td>, <th>

Допоміжні елементи таблиці:
captionзаголовок таблиці
colgroupгупа стовпчиків таблиці для вказування параметрів
theadверхній колонтитул таблиці
tbodyтіло таблиці
tfootнижній колонтитул таблиці
Атрибути тегу table:
alignвирівнювання таблиці
bgcolorколір фону
bordetтовщина рамки
cellpaddingвідстань між границею таблиці і її вмістом
cellspacingвідстань між границями таблиці
widthширина таблиці

Тег <table> має загальні атрибути і події.

Приклад:

Клітинка одинКлітинка 2
<table> <tr><td>Клітинка один</td><td>Клітинка 2</td></tr> </table>
Борщовий набір:
Капуста500гр.9,84 грн.
Буряк200гр.3,60 грн.
Картопля300гр.2,76 грн.
Морква200гр.3,17 грн.
Цибуля ріпчаста150гр2,03 грн.
Помідори червоні300гр.22,07 грн.
Олія рафінована30гр.2,05 грн.
Свинина ребра400гр.46,08 грн.
всього:91,60 грн.
<table><caption>Борщовий набір:</caption> <tr><td>Капуста</td><td>500гр.</td><td>9,84 грн.</td></tr> <tr><td>Буряк</td><td>200гр.</td><td>3,60 грн.</td></tr> <tr><td>Картопля</td><td>300гр.</td><td>2,76 грн.</td></tr> <tr><td>Морква</td><td>200гр.</td><td>3,17 грн.</td></tr> <tr><td>Цибуля ріпчаста</td><td>150гр</td><td>2,03 грн.</td></tr> <tr><td>Помідори червоні</td><td>300гр.</td><td>22,07 грн.</td></tr> <tr><td>Олія рафінована</td><td>30гр.</td><td>2,05 грн.</td></tr> <tr><td>Свинина ребра</td><td>400гр.</td><td>46,08 грн.</td></tr> <tr><td colspan="2" style="text-align:right">всього:</td><th>91,60 грн.</th></tr> </table>
Доходи від здачі в оренду:
МісяцьСума
січень5000
лютий4800
березень5000
всього:14800
<table> <caption>Доходи від здачі в оренду:</caption> <thead> <tr><th>Місяць</th><th>Сума</th></tr> </thead> <tbody> <tr><td>січень</td><td>5000</td></tr> <tr><td>лютий</td><td>4800</td></tr> <tr><td>березень</td><td>5000</td></tr> </tbody> <tfoot> <tr><td>всього:</td><td>14800</td></tr> </tfoot> </table>