HTML тег <td>

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

Описание

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

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

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

Примечание: обратите внимание, что ячейки, которые браузер добавляет автоматически, не имеют рамки, то есть в случае следования таких ячеек друг за другом, они будут отображаться в виде одной объединенной ячейки.

Атрибуты

colspan:

Указывает положительное целое число, определяющее сколько столбцов будет охватывать ячейка (по горизонтали). Значение по умолчанию - 1. Пример »

headers:

Указывает одну или несколько заголовочных ячеек, связанных с данной ячейкой. В качестве значения атрибута выступает идентификатор или список разделенных пробелами идентификаторов, принадлежащих нужным заголовочным ячейкам. Пример »

rowspan:

Указывает положительное целое число, определяющее сколько строк будет охватывать ячейка (по вертикали). Значение по умолчанию - 1. Пример »

Тег <td> так же поддерживает Глобальные атрибуты и События

Стиль по умолчанию

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

Пример

<table>
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
  </tr>
</table>

Результат данного примера в окне браузера: