<td>

<td> - клітинка у таблиці.

Синтаксис:

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

Параметри:

table - тег <table>.

tr - тег <tr>.

Опис:

<td> (анг. table data cell - клітинка даних таблиці) HTML тег який оголошує клітинку (комірку) у таблиці з даними.

Тег <td> повинен бути розміщений всередині тегу <tr>, який в свою чергу розміщується у <table>.

Також є тег <th> - клітинка-заголовок (комірка-заголовок).

Атрибути тегу <td>:
colspanкількість стовпців які необхідно об'єднати
rowspanкількість рядків які необхідно об'єднати
headersпов'язує дві клітинки (комірки)
width ширина клітинки (комірки)
height висота клітинки (комірки)
align вирівнювання вмісту клітинки (комірки)
valign вертикальне вирівнювання вмісту клітинки (комірки)
nowrap текст клітинки (комірки) без перенесення

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

Приклад:

клітинка 1клітинка 2
<table> <tr><td>клітинка 1</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>