<td>

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

Синтаксис

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

Атрибуты

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

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

Устаревшие атрибуты

abbr
Краткое описание содержимого ячейки.
align
Определяет выравнивание содержимого ячейки по горизонтали.
axis
Группирует ячейки связанные между собой похожей информацией.
background
Задаёт фоновый рисунок в ячейке.
bgcolor
Цвет фона ячейки.
bordercolor
Цвет рамки.
char
Выравнивает содержимое ячейки по заданному символу.
charoff
Смещает содержимое ячейки относительно заданного символа.
height
Высота ячейки.
nowrap
Запрещает перенос строк.
scope
Позволяет связать ячейки простой таблицы с заголовками в речевых браузерах.
valign
Выравнивание содержимого ячейки по вертикали.
width
Ширина ячейки.

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

Добавлять к элементам HTML устаревшие атрибуты не надо, взамен применяются стили или другие элементы HTML.

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>td</title> <style> table { width: 100%; /* Ширина таблицы */ } td { border: 1px solid #333; /* Рамка вокруг ячеек */ } .header { background-color: #D3EDF6; /* Цвет фона ячейки */ text-align: center; /* Выравнивание по центру */ } </style> </head> <body> <table> <tr> <td class="header" colspan="2">Ячейка 1</td> </tr> <tr> <td>Ячейка 2</td> <td>Ячейка 3</td> </tr> </table> </body> </html>

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

Браузеры

3 12 1 3.5 1 1
4.4 4 6 1

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

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

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