Table th: Атрибут align | htmlbook.ru - Блог сумасшедшего сисадмина

Содержание

| WebReference

Элемент <th> (от англ. table header cell — ячейка заголовка таблицы) предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная. Текст в такой ячейке отображается браузером обычно жирным шрифтом и выравнивается по центру. Элемент <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 PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»> <html> <head> <meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″> <title>TH</title> <style type=»text/css»> table { border-collapse: collapse; /* Отображать двойные линии как одинарные */ } th { background: #ccc; /* Цвет фона */ text-align: left; /* Выравнивание по левому краю */ } td, th { border: 1px solid #800; /* Параметры границы */ padding: 4px; /* Поля в ячейках */ } </style> </head> <body> <table cellspacing=»0″ border=»1″> <tr> <th>Браузер</th> <th colspan=»3″>Internet Explorer</th> <th colspan=»3″>Opera</th> <th colspan=»2″>Firefox</th> </tr> <tr> <th>Версия</th> <td>5.

5</td> <td>6.0</td> <td>7.0</td> <td>7.0</td> <td>8.0</td> <td>9.0</td> <td>1.0</td> <td>2.0</td> </tr> <tr> <th>Поддерживается</th> <td>Да</td> <td>Да</td> <td>Да</td> <td>Да</td> <td>Да</td> <td>Да</td> <td>Да</td> <td>Да</td> </tr> </table> </body> </html>

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

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

Спецификация

Спецификация	Статус
WHATWG HTML Living Standard	Живой стандарт
HTML5	Рекомендация
HTML 4.01 Specification	Рекомендация

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.

Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
Draft (Черновик спецификации) — первая черновая версия стандарта.

Браузеры


3	12	1	3. 5	1	1


1	1	6	1

Браузеры

В таблице браузеров применяются следующие обозначения.

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

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

Таблицы

См. также

<table>

<tbody>
<td>
<tfoot>
<thead>
<tr>
Структура таблицы

Практика

Картинки в таблице
Объединение колонок
Объединение строк
Строки таблицы
Ячейка заголовка

Элементы HTML

Атрибуты

Значения

Типы элементов

Аудио и видео

Документ

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Формы

Фреймы

⚡️ HTML и CSS с примерами кода

Тег <th> (от англ. table heading — заголовок таблицы) предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная.

Текст в такой ячейке отображается браузером обычно жирным шрифтом и выравнивается по центру. Элемент

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

Таблицы

caption
col
colgroup
table
tbody
td
tfoot
th
thead
tr

Синтаксис

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

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

Атрибуты

colspan: Объединяет горизонтальные ячейки.
headers: Позволяет связать ячейки таблицы с заголовками в речевых браузерах.
rowspan: Объединяет вертикальные ячейки.

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

colspan

Устанавливает число ячеек, которые должны быть объединены по горизонтали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.

Синтаксис

<th colspan="<число>">...</th>

Значения

Любое целое положительное число больше 1.

Значение по умолчанию

1

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

headers не заметен.

Для связывания ячеек между собой, ячейке в <th> пишется атрибут id, а в другой ячейке — атрибут headers со значением, совпадающим со значением id.

Синтаксис

<th>...</th>
<th headers="<идентификатор>">. ..</th>

Значения

Один или несколько идентификаторов, разделённых между собой пробелом.

Значение по умолчанию

Нет.

rowspan

Устанавливает число ячеек, которые должны быть объединены по вертикали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.

Синтаксис

<th rowspan="<число>">...</th>

Значения

Любое целое положительное число больше 1.

Значение по умолчанию

1

Значения ARIA role

role=columnheader для заголовочной ячейки в столбце
role=rowheader для заголовочной ячейки в строке

Спецификации

WHATWG HTML Living Standard
HTML 5

Описание и примеры

<html>
  <head>
    <meta
      http-equiv="Content-Type"
      content="text/html; charset=utf-8"
    />
    <title>TH</title>
    <style type="text/css">
      table {
        border-collapse: collapse; /* Отображать двойные линии как одинарные */
      }
      th {
        background: #ccc; /* Цвет фона */
        text-align: left; /* Выравнивание по левому краю */
      }
      td,
      th {
        border: 1px solid #800; /* Параметры границы */
        padding: 4px; /* Поля в ячейках */
      }
    </style>
  </head>
  <body>
    <table cellspacing="0" border="1">
      <tr>
        <th>Браузер</th>
        <th colspan="3">Internet Explorer</th>
        <th colspan="3">Opera</th>
        <th colspan="2">Firefox</th>
      </tr>
      <tr>
        <th>Версия</th>
        <td>5.  5</td>
        <td>6.0</td>
        <td>7.0</td>
        <td>7.0</td>
        <td>8.0</td>
        <td>9.0</td>
        <td>1.0</td>
        <td>2.0</td>
      </tr>
      <tr>
        <th>Поддерживается</th>
        <td>Да</td>
        <td>Да</td>
        <td>Да</td>
        <td>Да</td>
        <td>Да</td>
        <td>Да</td>
        <td>Да</td>
        <td>Да</td>
      </tr>
    </table>
  </body>
</html>

Ссылки

Тег <th> ^{MDN (рус.)}

HTML th rowspan Атрибут

❮ Тег HTML

Пример

HTML-таблица с ячейкой заголовка, занимающей три строки:

    90 009 th>Экономия

Month	Экономия на отпуск!
Январь		100 долларов
Февраль		80$

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

Ниже приведены дополнительные примеры «Попробуйте сами».

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

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

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

Атрибут
рядов	Да	Да	Да	Да	Да

Синтаксис

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

Значение	Описание
номер	Задает количество строк, которые должна охватывать ячейка заголовка. Примечание. rowspan=»0″ сообщает браузеру, что ячейка должна охватывать последнюю строку раздела таблицы (thead, tbody или tfoot)

Дополнительные примеры

Пример

Использование rowspan=»0″ (работает в Chrome, Firefox и Opera):

Month09	Экономия	Экономия на отпуск!
Январь	100 долларов США		100$
Февраль	80$

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

❮ Тег HTML

ВЫБОР ЦВЕТА

Лучшие учебники

Учебник HTML
Учебник CSS
Учебник JavaScript
Учебник How To
Учебник 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

Top Examples Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

FORUM | О

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

Атрибут HTML th colspan

❮ Тег HTML

Пример

Таблица HTML с ячейкой заголовка, которая охватывает два столбца:

Ежемесячная экономия
Январь	100 долларов
Февраль	$80

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

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

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

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

Атрибут
столбец	Да	Да	Да	Да	Да

Примечание: Только Firefox поддерживает colspan="0" , что имеет особое значение (см. ниже в таблице «Значения атрибутов»).

Синтаксис

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

Значение	Описание
номер	Задает количество столбцов, которые должна охватывать ячейка заголовка. Примечание: colspan=»0″ сообщает браузеру, что ячейка должна охватывать последний столбец группы столбцов (colgroup)

❮ Тег HTML

ВЫБОР ЦВЕТА

Лучшие учебники

Учебник HTML
Учебник CSS
Учебник JavaScript
Учебник How To
Учебник SQL
Учебник Python
Учебник по W3.CSS
Учебник по Bootstrap
Учебник по PHP
Учебник по Java
Учебник по C++
Учебник по jQuery

Основные ссылки

HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.

Table th: Атрибут align | htmlbook.ru

| WebReference

Синтаксис

Атрибуты

Пример

Спецификация

Браузеры

См. также

Практика

Элементы HTML

Атрибуты

Значения

Типы элементов

⚡️ HTML и CSS с примерами кода

Синтаксис

Атрибуты

colspan

rowspan

Значения ARIA role

Спецификации

Описание и примеры

Ссылки

HTML th rowspan Атрибут

Пример

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

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

Синтаксис

Дополнительные примеры

Пример

ВЫБОР ЦВЕТА

Лучшие учебники

Основные ссылки

Атрибут HTML th colspan

Пример

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

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

Синтаксис

ВЫБОР ЦВЕТА

Лучшие учебники

Основные ссылки

Добавить комментарий Отменить ответ

Рубрики

Рубрики