Далее на странице
Тег <th> предназначен для создания ячейки таблицы, которая является ячейкой - заголовком.
Содержимое такой ячейки выравнивается по центру, и если это текст, то он выделяется жирным шрифтом.
Во всем остальном тег <th> аналогичен тегу <td>.
Тег <th> располагается внутри тега <tr>, который расположен внутри тега <table>.
Атрибут Align
Атрибут тега th - выравнивание содержимого ячейки по горизонтали.
- left - выравнивание содержимого ячейки по левому краю
- center – выравнивание содержимого ячейки по центру
- right - выравнивание содержимого ячейки краю
- justify – выравнивание содержимого ячейки по ширине
Атрибут Valign
Атрибут тега th - выравнивание содержимого ячейки по вертикали.
- top - выравнивание содержимого ячейки по верхнему краю
- middle – выравнивание содержимого ячейки по середине
- bottom - выравнивание содержимого ячейки по нижнему краю
Атрибут Background
Атрибут тега th - задает фоновый рисунок в ячейке.
В качестве фонового рисунка желательно использовать изображение, размер которого совпадает (или больше) с размером ячейки, так как иначе картинка будет повторяться. В отличии от обычных изображений, размещаемых на странице - для фонового изображения нельзя задать ширину и высоту (оно всегда отображается в натуральную величину).
Атрибут Bgcolor
Атрибут тега th - задает фоновый цвет ячейки.
Атрибут Bordercolor
Атрибут тега th - задает цвет рамки ячейки.
Атрибут поддерживается не всеми браузерами!
Атрибут Colspan
Атрибут тега th - указывает число ячеек, которые должны быть объединены по горизонтали.
Атрибут Rowspan
Атрибут тега th - указывает число ячеек, которые должны быть объединены по вертикали.
Атрибут Height и Width
Атрибут тега th - высота и ширина ячейки в пикселях, либо в процентах относительно ширины таблицы.
- целое положительное число. В этом случае ширина будет задана в пикселях.
- целое положительное число с символом %.
<html>
<head>
<meta charset="utf-8">
<title> Тег th </title>
</head>
<body>
<table width="400" border="1">
<tr>
<th> № </th>
<th> 1 </th>
<th> 2 </th>
</tr>
<tr>
<th> 1 </th>
<td> 1.1 </td>
<td> 1.2 </td>
</tr>
<tr>
<th> 2 </th>
<td> 2.1 </td>
<td> 2.2 </td>
</tr>
</table>
</body>
</html>
