<th> - клітинка-заголовок у таблиці.
<table>
<tr><th>...</th></tr>
</table>
table - тег <table>.
tr - тег <tr>.
<th> (анг. table header cell - клітинка заголовк таблиці) HTML тег який оголошує клітинку-заголовок (комірку-заголовок) з даними у таблиці. Зазвичай текст розміщується по центру комірки і жирним текстом.
Тег <th> повинен бути розміщений всередині тегу <tr>, який в свою чергу розміщується у <table>.
Також є тег <td> - клітинка (комірка).
colspan | кількість стовпців які необхідно об'єднати |
rowspan | кількість рядків які необхідно об'єднати |
headers | пов'язує дві клітинки (комірки) |
width | ширина клітинки (комірки) |
height | висота клітинки (комірки) |
align | вирівнювання вмісту клітинки (комірки) |
valign | вертикальне вирівнювання вмісту клітинки (комірки) |
nowrap | текст клітинки (комірки) без перенесення |
Тег <th> має загальні атрибути і події.
клітинка 1 | клітинка 2 |
---|
<table>
<tr><th>клітинка 1</th><th>клітинка 2</th></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>