Последние учебники веб-разработки
 

HTML <td> Tag


пример

Простой 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;
}