пример
Простой HTML таблицы с двумя ячейками таблицы:
<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
Попробуй сам " Больше "Попробуйте сами" примеры ниже.
Определение и использование
<td> тег определяет стандартную ячейку в HTML таблице.
HTML таблица имеет два вида клеток:
- Заголовка ячейки - содержит информацию заголовка (созданный с помощью <th> элемент)
- Стандартные клетки - содержит данные (созданные с <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 таблицы с заголовком.
Теги внутри таблицы
Как отображать элементы внутри других элементов.
C гезов , которые охватывают более одной строки / столбца
Как определить ячейки таблицы, которые охватывают более чем одну строку или один столбец.
Похожие страницы
Учебник HTML: HTML таблицы
HTML DOM ссылка: TableData объект
Учебник CSS: Стайлинг Столы
Настройки по умолчанию CSS
Большинство браузеров отобразит <td> элемент со следующими значениями по умолчанию:
td {
display: table-cell;
vertical-align: inherit;
}