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

HTML Ссылки

HTML по Алфавиту HTML по Категориям HTML Атрибуты Тегов HTML Атрибуты Глобал HTML Атрибуты Событий HTML Цвета HTML Холсты HTML Аудио / Видео HTML Наборы символов HTML DOCTYPEs HTML Кодирование URL HTML Языковые коды HTML Коды стран HTTP Ответы сервера HTTP Методы PX в EM конвертер Горячие клавиши



HTML <td> Тег


Пример

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

<table>
  <tr>
    <td>Cell A</td>
    <td>Cell B</td>
  </tr>
</table>

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


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

Тег <td> определяет стандартную ячейку в таблице HTML.

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

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

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

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


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

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

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

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



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

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


Атрибуты

Атрибут Значение Описание
abbr text Не поддерживается в HTML5.
Указывает сокращенную версию содержимого в ячейке
align left
right
center
justify
char
Не поддерживается в HTML5.
Выравнивание содержимого в ячейке
axis category_name Не поддерживается в HTML5.
Классифицирует ячейки
bgcolor rgb(x,x,x)
#xxxxxx
colorname
Не поддерживается в HTML5.
Задает цвет фона ячейки
char character Не поддерживается в HTML5.
Выравнивание содержимого ячейки по символу
charoff number  Не поддерживается в HTML5.
Задает количество символов, которое будет выровнено по отношению к символу, указанному атрибутом char
colspan number Указывает число столбцов, которые должна охватывать ячейка
headers header_id Указывает одну или несколько ячеек заголовка, связанных с ячейкой
height pixels
%
Не поддерживается в HTML5.
Задает высоту ячейки
nowrap nowrap Не поддерживается в HTML5.
Указывает, что содержимое внутри ячейки не должно обтекать
rowspan number Задает число строк, которые должна охватывать ячейка
scope col
colgroup
row
rowgroup
Не поддерживается в HTML5.
Определяет способ связывания ячеек заголовков и ячеек данных в таблице
valign top
middle
bottom
baseline
Не поддерживается в HTML5.
Выравнивание содержимого ячейки по вертикали
width pixels
%
Не поддерживается в HTML5.
Задает ширину ячейки

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

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


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

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


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

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

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

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

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


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

HTML Учебник: HTML Tables

HTML DOM reference: TableData Object

CSS Учебник: Styling Tables


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

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

td {
    display: table-cell;
    vertical-align: inherit;
}