Тег <td>

Ячейка таблицы
  • Категории: Секционные корни
  • Контекст:

    Дочерний элемент для строк таблицы <tr>.

  • Модель:

    Фразовое содержимое.

Тег <td> (сокращение от "table data" - табличные данные) представляет собой ячейки таблицы для хранения ее основных табличных данных. При создании таблицы важно следить, чтобы количество ячеек в каждой ее строке было одинаковым.

Ячейки таблицы всегда растягиваются на весь ее размер, как по горизонтали, так и по вертикали. Изменение размера одной из ячеек автоматически скажется на всех ее соседних ячейках.

Атрибуты

  • Глобальные атрибуты
  • colspan - количество столбцов, которые должна охватывать ячейка
  • rowspan - количество строк, которые должна охватывать ячейка
  • headers - ячейки заголовка для этой ячейки
  • cell - роль

  • Базовый вариант таблицы

    В качестве примера мы рассмотрим простую таблицу из трех строк, каждая из которых поделена на 3 ячейки:

  • Объединение ячеек столбцов

    Используя атрибут colspan, мы можем объединить несколько ячеек таблицы, которые находятся в соседних столбцах. При этом, фактическое число ячеек в каждой строке по прежнему должно оставаться одинаковым:

  • Объединение ячеек строк

    При помощи атрибута rowspan мы можем объединить несколько ячеек таблицы, которые находятся в соседних ряды:

  • Объединение ячеек строк и столбцов

    Используя атрибуты colspan и rowspan мы можем создавать таблицы любой сложности. Аналогов в CSS у этих атрибутов нет:

Поделитесь данной записью с друзьями