Тег th

HTML5CSS.ru

ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ

❮Назад Полный HTML Ссылки Дальше ❯


Пример

Простая HTML-таблица с двумя ячейками заголовка и двумя ячейками данных:

<table>
 <tr>
   <th>Month</th>
   <th>Savings</th>
 </tr>
 <tr>
   <td>January</td>
   <td>$100</td>
 </tr>
</table>

Подробнее примеры ниже.

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

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

Таблица HTML имеет два типа ячеек:

  • Header cells — содержит сведения о заголовке (созданные с помощью <th> элемент)
  • Standard cells — содержит данные (созданные с помощью <td> элемента)

Текст в <th> элементах выделен полужирным шрифтом и по умолчанию по центру.

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

Поддержка браузера

Элемент
<th>ДаДаДаДаДа

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

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

Различия между HTML 4,01 и HTML5

Все атрибуты макета удаляются в HTML5.

Атрибуты

АтрибутЗначениеОписание
abbrtextЗадает сокращенную версию содержимого в ячейке заголовка
alignleft
right
center
justify
char		Не поддерживается в HTML5.
Выравнивание содержимого в ячейке заголовка
axiscategory_nameНе поддерживается в HTML5.
Классифицирует ячейки заголовка
bgcolorrgb(x,x,x)
#xxxxxx
colorname		Не поддерживается в HTML5.
Задает цвет фона ячейки заголовка
charcharacterНе поддерживается в HTML5.
Выравнивание содержимого в ячейке заголовка по символу
charoffnumber Не поддерживается в HTML5.
Задает количество символов, которое будет выровнено по отношению к символу, указанному атрибутом char
colspannumberУказывает количество столбцов, которые должна охватывать ячейка заголовка
headersheader_idУказывает одну или несколько ячеек заголовка, связанных с ячейкой
heightpixels
%		Не поддерживается в HTML5.
Задает высоту ячейки заголовка
nowrapnowrapНе поддерживается в HTML5.
Указывает, что содержимое внутри ячейки заголовка не должно обтекать
rowspannumberУказывает количество строк, которые должны охватываться ячейкой заголовка
scopecol
colgroup
row
rowgroup		Указывает, является ли ячейка заголовка столбцом, строкой или группой столбцов или строк
sortedreversed
number
reversed number
number reversed		Определяет направление сортировки столбца
valigntop
middle
bottom
baseline		Не поддерживается в HTML5.
Вертикальное выравнивание содержимого в ячейке заголовка
widthpixels
%		Не поддерживается в HTML5.
Задает ширину ячейки заголовка

Глобальные атрибуты

Тег <th> также поддерживает Глобальные атрибуты в HTML.

Атрибуты события

Тег <th> также поддерживает Атрибуты событий в HTML.

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

Заголовки таблиц
Создание заголовков таблиц.

Таблица с подписью
Таблица HTML с подписью.

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

Cлоктя, которые охватывают более одной строки/столбца
Определение ячеек таблицы, охватывающих более одной строки или одного столбца.

Похожие страницы

HTML Учебник: HTML Tables

HTML DOM Ссылки: TableHeader Object

CSS Учебник: Styling Tables

Параметры CSS по умолчанию

Большинство браузеров будут отображать <th> элемент со следующими значениями по умолчанию:

th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: center;
}

❮Назад Полный HTML Ссылки Дальше ❯

Популярное

html картинка
как вставить картинку в html
цвет текста фона
размер текста html
цвет размер шрифта html
формы html
список html
таблица html
как сделать ссылку в html
html элементы

Copyright 2018-2020 HTML5CSS. ru

Правила и Условия Политика конфиденциальности О нас Контакты

HTML тег

❮ Назад Вперед ❯

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

Тег <th> может содержать изображения, текст, формы, ссылки и другие HTML элементы, которые можно поместить в тело документа. Размер таблицы корректируется автоматически на основе ее содержимого.

Содержимое тега <th> по умолчанию отображается жирным шрифтом и выравнивается по центру. Для изменения внешнего вида содержимого можно использовать CSS стили.

Обратите внимание, что все строки таблицы содержат одинаковое количество ячеек, которое соответствует количеству ячеек самой длинной строки. Если в одной строке содержится меньше ячеек, чем в других строках, то браузер автоматически заполнит строку, помещая пустые ячейки в конец этой же строки.

Если вам необходимо подчеркнуть, что данные в других ячейках отсутствуют, создайте ячейку без содержимого в необходимом месте.

Добавленные браузером ячейки не имеют рамок, и если они находятся друг за другом, то будут отображаться в виде одной объединенной ячейки.

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

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      th, td {
        padding: 10px;
        border: 1px solid #666;
      }
    </style>
  </head>
  <body>
    <table>
      <tr>
        <th>Месяц</th>
        <th>Дата</th>
      </tr>
      <tr>
        <td>Июнь</td>
        <td>18.07.2018</td>
      </tr>
    </table>
  </body>
</html>

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

Результат

В этом примере наши заголовки — «Месяц» и «Дата».

Для каждого заголовка мы использовали отдельный тег <th>. Оба тега мы поместили в элемент <tr>.

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      th, td {
        padding: 10px;
        border: 1px solid #666;
      }
    </style>
  </head>
  <body>
    <table>
      <tr>
        <th colspan="2">Месяц и дата </th>
      </tr>
      <tr>
        <td>Июнь</td>
        <td>18.07.2014</td>
      </tr>
    </table>
  </body>
</html>

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

Результат

В этом примере значение атрибута colspan равно «2». Это означает, что ячейка заголовка должна охватывать два столбца.

Тег <th> поддерживает также глобальные атрибуты и атрибуты событий.

Как добавить стиль к тегу <th> ?

Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега <th>:

  • CSS свойство font-style задает стиль шрифта: normal | italic | oblique | initial | inherit
  • CSS свойство font-family создает приоритетный список названий семейства шрифтов и/или общее имя шрифтов для выбранных элементов.
  • CSS свойство font-size задает размер щрифта.
  • CSS свойство font-weight устанавливает насыщенность шрифта.
  • CSS свойство text-transform задает регистр текста (заглавные или строчные буквы).
  • CSS свойство text-decoration устанавливает оформление текста. Оно является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.

Цвет текста внутри тега <th>:

  • CSS свойство color определяет цвет контента и оформления текста.
  • CSS свойство background-color устанавливает фоновый цвет элемента.

Стили форматирования текста для тега <th>:

  • CSS свойство text-indent указывает размер отступа первой строки в текстовом блоке.
  • CSS свойство text-overflow указывает, как будет отображаться пользователю строчный текст, выходящий за границы блока.
  • CSS свойство white-space указывает, как будут отображены пробелы внутри элемента.
  • CSS свойство word-break указывает перенос строки.

Другие свойства для тега <th>:

  • CSS свойство text-shadow добавляет тень к тексту.
  • CSS свойство text-align-last выравнивает последнюю строку текста.
  • CSS свойство line-height устанавливает межстрочный интервал.
  • CSS свойство letter-spacing устанавливает расстояние между буквами/символами в тексте.
  • CSS свойство word-spacing устанавливает расстояние между словами в тексте.

HTML html xmlns Атрибут

❮ Тег HTML

Пример

Простой документ XHTML с минимальным количеством обязательных тегов:

0 Transitional//EN»
«http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»>



Название документа


Содержание документа. …..

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

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

Атрибут xmlns указывает пространство имен xml для документа.

Примечание: Атрибут xmlns является обязательным в XHTML, недопустимым в HTML 4.01 и необязательным в HTML5.

Примечание: Средство проверки HTML в http://w3.org не жалуется, когда атрибут xmlns отсутствует в документе XHTML. Это потому что пространство имен «xmlns=http://www.w3.org/1999/xhtml» по умолчанию и будет добавлено в тег, даже если вы его не включаете.

Поддержка браузера

Атрибут
xmlns Да Да Да Да Да

Синтаксис

w3.org/1999/xhtml»>

Значения атрибутов

Значение Описание
http://www.w3.org/1999/xhtml Используемое пространство имен (для документов XHTML)
❮ Тег HTML

ВЫБОР ЦВЕТА

Лучшие учебники
Учебное пособие по HTML
Учебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебное пособие по W3.CSS
Учебник по Bootstrap
Учебник по PHP
Учебник по Java
Учебник по C++
Учебник по jQuery

Лучшие ссылки
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference

900 97 лучших примеров Примеры HTML
Примеры CSS
Примеры JavaScript
How To Примеры
Примеры SQL
Примеры Python
Примеры W3. CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

FORUM | О

W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.

Copyright 1999-2023 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.

Справочник по HTML

❮ Главная Следующий ❯

 
Тег Описание
Определяет комментарий
  Определяет тип документа
<а> Определяет гиперссылку
<сокращение> Определяет аббревиатуру или акроним
<акроним> Не поддерживается в HTML5. Вместо этого используйте .
Определяет аббревиатуру
<адрес> Определяет контактную информацию для автора/владельца документа
<апплет> Не поддерживается в HTML5. Вместо этого используйте или .
Определяет встроенный апплет
<область> Определяет область внутри карты изображения
<артикул> Определяет артикул
<в сторону> Определяет содержимое помимо содержимого страницы
<аудио> Определяет встроенный звуковой контент
Определяет полужирный текст
<базовый> Указывает базовый URL-адрес/цель для всех относительных URL-адресов в документе
<базовый шрифт> Не поддерживается в HTML5. Вместо этого используйте CSS.
Указывает цвет, размер и шрифт по умолчанию для всего текста в документе
Изолирует часть текста, которая может быть отформатирована в другом направлении из другого текста вне его
Переопределяет текущее направление текста
<большой> Не поддерживается в HTML5. Вместо этого используйте CSS.
Определяет большой текст
<цитата> Определяет раздел, цитируемый из другого источника
<тело> Определяет тело документа

 Определяет одиночный разрыв строки
<кнопка> Определяет нажимаемую кнопку
<холст> Используется для рисования графики на лету с помощью сценариев (обычно JavaScript)
<заголовок> Определяет заголовок таблицы
<центр> Не поддерживается в HTML5. Вместо этого используйте CSS.
Определяет центрированный текст
<цитировать> Определяет название произведения
<код> Определяет часть компьютерного кода
<кол> Указывает свойства столбца для каждого столбца в элементе
Указывает группу из одного или нескольких столбцов в таблице для форматирования
<данные> Добавляет машиночитаемый перевод данного контента
<список данных> Указывает список предопределенных параметров для элементов управления вводом
<дд> Определяет описание/значение термина в списке описаний
<удалить> Определяет текст, который был удален из документа
<детали> Определяет дополнительные сведения, которые пользователь может просматривать или скрывать.
Указывает термин, который будет определен в содержимом
<диалог> Определяет диалоговое окно или окно
<каталог> Не поддерживается в HTML5. Вместо этого используйте
    .
    Определяет список каталогов
<дел> Определяет раздел в документе
<дл> Определяет список описаний
<дт> Определяет термин/имя в списке описаний
Определяет выделенный текст 
<вставить> Определяет контейнер для внешнего приложения
<набор полей> Группирует связанные элементы в форме
 Определяет заголовок для элемента
<рисунок> Указывает автономный контент
<шрифт> Не поддерживается в HTML5. Вместо этого используйте CSS.
Определяет шрифт, цвет и размер текста
<нижний колонтитул> Определяет нижний колонтитул для документа или раздела
<форма> Определяет форму HTML для пользовательского ввода
<кадр> Не поддерживается в HTML5.
Определяет окно (фрейм) в наборе фреймов
<набор кадров> Не поддерживается в HTML5.
Определяет набор кадров
От

до

Определяет заголовки HTML
<голова> Содержит метаданные/информацию для документа
<заголовок> Определяет заголовок для документа или раздела
<час> Определяет тематическое изменение содержимого
Определяет корень документа HTML
<я> Определяет часть текста в альтернативном голосе или настроении