<td>

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

Синтаксис

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

Атрибуты

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

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

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

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

Пример

Код примера скопирован в буфер
<!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>

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

Спецификация Статус
HTML Living Standard Живой стандарт
HTML 4.01 Specification Заменённая рекомендация

Браузеры