Тег th

ОписВідкриваючий та закриваючий теги th дозволяють створити контейнер-заголовок в таблиці. Зазвичай текст такого контейнера вирівнюється по центру і виділяється жирним шрифтом.
Відкриваючий та закриваючий теги th завжди повинні розташовуватися всередині контейнера tr, який, у свою чергу, розміщується всередині контейнера table.
Синтаксис
<table>
<tr>
<th атрибут="значення">Текст</th>
</tr>
</table>
Атрибутиheight
Задає висоту заголовку в пікселах або відсотках.
width
Задає ширину заголовку в пікселах або відсотках.
align
Встановлює горизонтальне положення заголовоку щодо інших об'єктів в таблиці, може приймати значення:

  1. left - заголовок вирівнюється по лівому краю;

  2. right - заголовок вирівнюється по правому краю;

  3. center - заголовок вирівнюється по центру;

  4. justify - заголовок одночасно вирівнюється по правому і лівому краю;


valign
Встановлює вертикальне положення заголовку щодо інших об'єктів в таблиці, може приймати значення:

  1. top - заголовок вирівнюється по верху;

  2. bottom - заголовок вирівнюється по низу;

  3. middle - заголовок вирівнюється по середині;


colspan
Об'єднує горизонтальні елементи.
rowspan
Об'єднує вертикальні елементи.
background
Встановлює фоновий малюнок.
bgcolor
Встановлює колір фону.
bordercolor
Вказує колір рамки.
nowrap
Забороняє перенесення рядків усередині заголовку.
Приклад
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//UA" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Приклад тегу td</title>
</head>
<body>
<table width="100%" border="0" cellpadding="5" cellspacing="3">
<tr valign="middle" bgcolor="#ccffcc">
<th colspan="4">Верхній (основний) заголовок</th>
</tr>
<tr valign="top" bgcolor="#ffeecc">
<th>Заголовок 1</th>
<td width="20%">текст</td>
<td width="20%">текст</td>
<td width="20%">текст</td>
</tr>
<tr valign="top" bgcolor="#ccffcc">
<th>Заголовок 2</th>
<td width="20%">текст</td>
<td width="20%">текст</td>
<td width="20%">текст</td>
</tr>
<tr valign="top" bgcolor="#ffeecc">
<th>Заголовок 3</th>
<td width="20%">текст</td>
<td width="20%">текст</td>
<td width="20%">текст</td>
</tr>
</table>
</body>
</html>

Тег th


(відкриється в новому вікні)
Часті помилкиАтрибути height та width (висота і ширина) для тегів th повинні задаватися або в пікселах, або у відсотках. Вказувати наприклад, ширину в пікселах а висоту у відсотках неприпустимо і є грубою помилкою.
ДодатковоІнколи треба зробити саме так а не інакше - наприклад, задати ширину в пікселах а висоту у відсотках. В цьому випадку можна скористатися CSS або вкладеними елементами.

Тег th