Тег <th>

IE
3.0+
Chrome
1.0+
Opera
1.0+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

Тег <th> предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная. Текст в такой ячейке отображается браузером обычно жирным шрифтом и выравнивается по центру. Тег <th> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>.

Закрывающий тег не обязателен.

<table>  
   <tr>    
      <th>...</th>
   </tr>
</table>

Атрибуты

abbr: Краткое описание содержимого ячейки
align: Определяет выравнивание содержимого ячейки по горизонтали
axis: Группирует ячейки связанные между собой похожей информацией
background: Задает фоновый рисунок в ячейке
bgcolor: Цвет фона ячейки
bordercolor: Цвет рамки
char: Выравнивает содержимое ячейки по заданному символу
charoff: Смещает содержимое ячейки относительно заданного символа
colspan: Объединяет горизонтальные ячейки
headers: Позволяет связать ячейки таблицы с заголовками в речевых браузерах
height: Высота ячейки
nowrap: Запрещает перенос строк
rowspan: Объединяет вертикальные ячейки
scope: Позволяет связать ячейки простой таблицы с заголовками в речевых браузерах
valign: Выравнивание содержимого ячейки по вертикали
width: Ширина ячейки

Также для этого тега доступны универсальные атрибуты и события.

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег tfoot</title>
  <style>
  table {width:500px;}
  td,th {width:50%; 
      color:black;
      text-align:center;
      padding:3px 10px;}
  th {background: yellow}
   </style>
 </head>
 <body>

  <table>
  <tr>
  	<th>Красные</td>
  	<th>Синие</td>
  </tr>
  <tr>
  	<td>5</td>
  	<td>1</td>
  </tr>
  </table>

 </body>
</html>

Результат данного примера показан на рисунке ниже:

Вид ячеек th, оформленных с помощью стилей

Категория: Таблицы