Тег <td> определяет стандартную ячейку HTML таблицы.
В HTML таблице может быть два вида ячеек:
- Заголовочная ячейка – содержит информацию для верхнего колонтитула таблицы (создается при помощи элемента <th>)
- Стандартные ячейка – содержит табличные данные (создается при помощи элемента <td>)
По умолчанию, текст в элементе <th> отображается жирным шрифтом и выравненным по центру.
По умолчанию, текст в элементе <td> отображается обычным шрифтом и выравненным по левому краю.
Чтобы содержимое ячейки заняло несколько строк или столбцов, используйте атрибуты rowspan и colspan.
Разница между HTML 4.01 и HTML5
В HTML5 все репрезентативные атрибуты не поддерживаются.
| Атрибут | Описание |
|---|---|
| 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>
