HTML <td> Тег
Пример
Простая таблица HTML с двумя ячейками таблицы:
<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
Подробнее примеры ниже.
Определение и использование
Тег <td> определяет стандартную ячейку в таблице HTML.
Таблица HTML имеет два типа ячеек:
- Header cells - содержит сведения о заголовке (созданные с помощью <th> элемента)
- Standard cells - содержит данные (созданные с помощью <td> элемента)
Текст в <th> элементах выделен полужирным шрифтом и по умолчанию по центру.
Текст в элементах <td> является обычным и выровнен по левому краю по умолчанию.
Поддержка браузера
Элемент | |||||
---|---|---|---|---|---|
<td> | Да | Да | Да | Да | Да |
Советы и примечания
Совет: Используйте атрибут COLSPAN и RowSpan, чтобы позволить содержимому охватывать несколько столбцов или строк!
Различия между HTML 4,01 и HTML5
Все атрибуты макета удаляются в HTML5.
Атрибуты
Атрибут | Значение | Описание |
---|---|---|
abbr | text | Не поддерживается в HTML5. Указывает сокращенную версию содержимого в ячейке |
align | left right center justify char |
Не поддерживается в HTML5. Выравнивание содержимого в ячейке |
axis | category_name | Не поддерживается в HTML5. Классифицирует ячейки |
bgcolor | rgb(x,x,x) #xxxxxx colorname |
Не поддерживается в HTML5. Задает цвет фона ячейки |
char | character | Не поддерживается в HTML5. Выравнивание содержимого ячейки по символу |
charoff | number | Не поддерживается в HTML5. Задает количество символов, которое будет выровнено по отношению к символу, указанному атрибутом char |
colspan | number | Указывает число столбцов, которые должна охватывать ячейка |
headers | header_id | Указывает одну или несколько ячеек заголовка, связанных с ячейкой |
height | pixels % |
Не поддерживается в HTML5. Задает высоту ячейки |
nowrap | nowrap | Не поддерживается в HTML5. Указывает, что содержимое внутри ячейки не должно обтекать |
rowspan | number | Задает число строк, которые должна охватывать ячейка |
scope | col colgroup row rowgroup |
Не поддерживается в HTML5. Определяет способ связывания ячеек заголовков и ячеек данных в таблице |
valign | top middle bottom baseline |
Не поддерживается в HTML5. Выравнивание содержимого ячейки по вертикали |
width | pixels % |
Не поддерживается в HTML5. Задает ширину ячейки |
Глобальные атрибуты
Тег <td> также поддерживает Глобальные атрибуты в HTML.
Атрибуты события
Тег <td> также поддерживает Атрибуты событий в HTML.
Попробуйте примеры
Заголовки таблиц
Создание заголовков таблиц.
Таблица с подписью
Таблица HTML с подписью.
TАЗС внутри таблицы
Отображение элементов внутри других элементов.
Cлоктя, которые охватывают более одной строки/столбца
Определение ячеек таблицы, охватывающих более одной строки или одного столбца.
Похожие страницы
HTML Учебник: HTML Tables
HTML DOM reference: TableData Object
CSS Учебник: Styling Tables
Параметры CSS по умолчанию
В большинстве обозревателей элемент <td> будет отображаться со следующими значениями по умолчанию:
td {
display: table-cell;
vertical-align: inherit;
}