HTML тег <td>

Элемент <td> (от англ. "table data" ‒ «данные таблицы») определяет стандартную ячейку HTML таблицы. Элемент <td> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри <table>.

В HTML таблице может быть два вида ячеек:

Заголовочная ячейка ‒ содержит информацию для верхнего колонтитула таблицы (создается при помощи элемента <th>). По умолчанию, текст в элементе <th> отображается жирным шрифтом и выравненным по центру.
Стандартная ячейка ‒ содержит табличные данные (создается при помощи элемента <td>). По умолчанию, текст в элементе <td> отображается обычным шрифтом и выравненным по левому краю.

Содержимым элемента <td> может являться любой HTML-элемент, который можно поместить в тело документа: текст, формы, изображения, таблицы.

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

Синтаксис

<table>
  ...
  <tr>
    ...
    <td> ... </td>
    ...
  </tr>
  ...
</table>

Закрывающий тег

Не обязателен.

Атрибуты

abbrУстарел в HTML5: Определяет сокращенный вариант содержания в ячейке данных, либо выступает в роли альтернативного текста. Применение атрибута не отображается в браузере, но может быть использовано, например, для чтения с экрана или в работе скриптов.
alignУстарел в HTML5: Указывает выравнивание содержимого ячейки по горизонтали:
left - выравнивание содержимого ячейки по левому краю
center - выравнивание по центру
right - выравнивание по правому краю
justify - выравнивание по ширине (одновременно по правому и левому краю)
char - выравнивание по указанному символу
axisУстарел в HTML5: Группирует ячейки связанные между собой похожей информацией.
backgroundУстарел в HTML5: Задаёт фоновый рисунок в ячейке.
bgcolorУстарел в HTML5: Назначает цвет фона ячейки.
bordercolorУстарел в HTML5: Устанавливает цвет рамки.
charУстарел в HTML5: Выравнивает содержимое ячейки по заданному символу.
Пример: <td char="c" align="char">...</td>
charoffУстарел в HTML5: Задает смещение содержимого ячейки относительно заданного символа.
colspan: Указывает положительное целое число, определяющее сколько столбцов будет охватывать ячейка (по горизонтали). Значение по умолчанию ‒ 1.
headers: Указывает id одной или нескольких заголовочных ячеек (HTML тег <th>), связанных с данной ячейкой данных. Применение атрибута не отображается в браузере, но может быть использовано, например, для чтения с экрана или в работе скриптов.
heightУстарел в HTML5: Устанавливает высоту ячейки данных.
nowrapУстарел в HTML5: Запрещает перенос строк.
rowspan: Объединяет вертикальные ячейки.
scopeУстарел в HTML5: Определяет связь ячейки простой таблицы с заголовками в речевых браузерах:
col - ячейка заголовка установлена для колонки
colgroup - ячейка заголовка установлена для группы колонок
row - ячейка заголовка задана для строки
rowgroup - ячейка заголовка установлена для группы строк
valignУстарел в HTML5: Назначает выравнивание содержимого ячейки по вертикали:
top - выравнивание содержимого ячейки по верхнему краю строки
middle - выравнивание по середине
bottom - выравнивание по нижнему краю
baseline - выравнивание по базовой линии, при этом происходит привязка содержимого ячейки к одной линии
widthУстарел в HTML5: Определяет ширину ячейки данных. Используйте вместо него CSS свойство width.

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

Стилизация по умолчанию

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

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

Различия между HTML 4.01 и HTML5

В HTML 5 была прекращена поддержка 11 атрибутов.

Пример использования:

Пример HTML:

Попробуй сам

  <table>
    <tr><th>Заголовок 1</th><th>Заголовок 2</th><th>Заголовок 3</th></tr>
    <tr><td>Ячейка 2x1 </td><td>Ячейка 2x2 </td><td>Ячейка 2x3 </td></tr>
    <tr><td>Ячейка 3x1 </td><td>Ячейка 3x2 </td><td>Ячейка 3x3 </td></tr>
  </table>

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

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

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

Элемент
<td>	3+	1+	3.5+	1+	1+	1+

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

Как добавить рамку вокруг таблицы:
Граница таблицы

Как избавиться от «двойной рамки»:
Одинарная рамка для таблицы

Как изменить поля и интервалы таблицы:
Поля и интервалы таблицы

Как изменить ширину таблицы:
Ширина таблицы

Как объединить столбцы таблицы:
Объединение столбцов

Как создать заголовок таблицы:
Заголовок таблицы

Как применять теги группирования элементов таблиц:
Теги группирования элементов таблиц

Учебник HTML

HTML уроки: HTML Табицы

HTML Элементы

Справочники