HTML тег td

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

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

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

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

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

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

Разница между HTML 4.01 и HTML5

В HTML5 все репрезентативные атрибуты не поддерживаются.

Атрибуты тега <td>

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

Общие атрибуты

Тег <td> поддерживает общие атрибуты и атрибуты-события.

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

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


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

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

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


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