HTML HTML5 XHTML ПРИМЕРЫ СПРАВОЧНИК РЕКЛАМА ГОСТЕВАЯ

HTML Тег <th> - Заголовок Строки / Столбца Таблицы


Пример

Простая HTML таблица с двумя колонками и двумя строками:

<table border="1">
  <tr>
    <th>Месяц</th>
    <th>Сбережения</th>
  </tr>
  <tr>
    <td>Январь</td>
    <td>1500 р.</td>
  </tr>
</table>

Попробуйте сами »
(еще примеры внизу этой страницы)

Определение и Использование

Тег <th> определяет ячейку-заголовок в таблице HTML.

Таблица HTML имеет две разновидности ячеек:

  • Ячейки заголовков - содержат информацию о заголовках столбцов/строк (создаются посредством элемента th)
  • Обычные ячейки - содержат данные (создаются с помощью элемента td)

Текст в элементе th отрисовывается жирным и выравнивается по центру ячейки.

Текст элемента td обычный и выровнен по левому краю ячейки.


Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Тег <th> поддерживается всеми основными браузерами.


Различия Между HTML и XHTML

НЕТ


Советы и Замечания

Совет: Используйте атрибуты colspan и rowspan для того, чтобы содержимое ячеек охватывало несколько колонок или строк!


Необязательные Атрибуты

Столбец DTD указывает, в каком типе документа HTML 4.01/XHTML 1.0 DTD атрибут разрешен. S=Strict, T=Transitional и F=Frameset.

Атрибут Значение Описание DTD
abbr текст Указывает укороченную версию содержимого ячейки STF
align left
right
center
justify
char
Выравнивает содержимое ячейки STF
axis имя_категории Категоризирует ячейки STF
bgcolor rgb(r,g,b)
#rrggbb
название цвета
Не рекомендуется. Используйте вместо него стили.
Устанавливает цвет фона для ячейки
TF
char символ Выравнивает содержимое ячейки относительно символа STF
charoff число  Указывает количество символов, на которое будет выравниваться контент относительно символа, который указан в атрибуте char STF
colspan число Устанавливает количество колонок, которые будут охватываться ячейкой STF
height пикселы
%
Устаревший. Применяйте стили.
Устанавливает высоту ячейки
TF
nowrap nowrap Не рекомендуется. Лучше использовать стили.
Запрещает переносы слов в ячейке
TF
rowspan число Указывает количество строк, на которые будет распространяться ячейка STF
scope col
colgroup
row
rowgroup
Определяет способ объединения ячеек заголовков и ячеек с данными в таблице STF
valign top
middle
bottom
baseline
Вертикальное выравнивание содержимого ячейки STF
width пиксели
%
Устаревший. Используйте вместо него стили.
Указывает ширину ячейки
TF


Стандартные Атрибуты

Тег <th> поддерживает следующие стандартные атрибуты:

Атрибут Значение Описание DTD
class имя_класса Указывает имя класса для элемента STF
dir rtl
ltr
Указывает направление текста для содержимого в элементе STF
id идентификатор Указывает уникальный идентификатор для элемента STF
lang код_языка Указывает код языка для содержимого элемента STF
style определение_стиля Указывает встроенный стиль для элемента STF
title текст Указывает дополнительную информацию об элементе STF
xml:lang код_языка Определяет код языка для содержимого элемента в XHTML документах STF

Дополнительная информация о Стандартных Атрибутах.


Атрибуты Событий

Тег <th> поддерживает следующие атрибуты событий:

Атрибут Значение Описание DTD
onclick скрипт Скрипт, запускаемый при клике мышью STF
ondblclick скрипт Скрипт, запускаемый при двойном щелчке мышью STF
onmousedown скрипт Скрипт, запускаемый при нажатии кнопки мыши STF
onmousemove скрипт Скрипт, запускаемый при перемещении указателя мыши STF
onmouseout скрипт Скрипт, запускаемый, когда указатель мыши уходит за пределы элемента STF
onmouseover скрипт Скрипт, запускаемый, когда указатель мыши перемещается над элементом STF
onmouseup скрипт Скрипт, запускаемый при отпускании кнопки мыши STF
onkeydown скрипт Скрипт, запускаемый при нажатии клавиши STF
onkeypress скрипт Скрипт, запускаемый, когда клавиша нажата, а затем отпущена STF
onkeyup скрипт Скрипт, запускаемый, когда клавиша отпущена STF

Дополнительная информация об Атрибутах Событий.


Примеры

Попробуйте сами - Примеры

Границы таблиц
HTML таблицы с различными границами.

Заголовки столбцов/строк таблицы
Как создавать заголовки столбцов (строк) таблицы.

Пустые ячейки
Как используя "&nbsp;", задавать корректное отображение ячеек, не имеющих содержимого.

Таблица с заголовком
HTML таблица с заголовком.

Теги внутри таблицы
Как отображать элементы внутри других элементов.

Ячейки, которые охватывают более одной строки/столбца
Как определить ячейки таблицы, которые будут охватывать более одной строки/столбца.

Свойство cellpadding
Как использовать cellpadding для создания дополнительного пустого пространства между содержимым ячейки таблицы и ее границами.

Свойство cellspacing
Как использовать cellspacing для увеличения расстояния между ячейками.

Добавление цвета фона или фонового изображения к таблице
Как добавить фон к таблице.

Атрибут frame
Как использовать атрибут "frame" для контроля границ вокруг таблицы.



© 2011-2017 Уроки HTML
Рейтинг@Mail.ru