Вы здесь

HTML тег td

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

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

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

По умолчанию, текст в элементе <th> отображается жирным шрифтом и выравненным по центру.

По умолчанию, текст в элементе <td> отображается обычным шрифтом и выравненным по левому краю.

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

Разница между HTML 4.01 и HTML5
В HTML5 все репрезентативные атрибуты не поддерживаются.
Атрибуты тега <td>
Атрибут Описание
abbr Определяет краткое описание содержимого ячейки
align Определяет горизонтальное выравнивание содержимого элемента
axis Определяет категории для содержимого ячеек
bgcolor Определяет фоновый цвет элемента
char Определяет символ выравнивания содержимого ячейки
charoff Определяет количество символов смещения
colspan Определяет количество объединяемых ячеек по горизонтали
headers Связывает ячейки таблицы с заголовками
height Определяет высоту ячейки
nowrap Запрещает перенос на новую строку содержимого ячейки
rowspan Определяет количество объединяемых ячеек по вертикали
scope Определяет способ связывания ячейки данных таблицы с заголовками
valign Определяет вертикальное выравнивание содержимого ячейки
width Определяет ширину ячейки
HTML пример

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


<table>
  <tr>
    <td>Ячейка A</td>
    <td>Ячейка B</td>
  </tr>
</table>

CSS стили по умолчанию

Большинство браузеров будут отображать тег <td> со следующими стилями


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