Тег table

Тег table создает таблицу. Используется совместно с тегами tr, td, th.

Тег tr создает ряд таблицы, а теги td и th создают ячейки этой таблицы. Разница между td и th: первый - это обычная ячейка, а второй - это ячейка-заголовок.

Атрибуты

Атрибут Описание
cellspacing Задает расстояние между ячейками.
Устарел, вместо него следует использовать CSS свойство border-spacing.
cellpadding Задает расстояние между текстом и границей ячейки.
Устарел, вместо него следует использовать CSS свойство padding.
border Задает границу ячеек и таблицы.
Устарел, вместо него следует использовать CSS свойство border.

Пример

Давайте создадим таблицу с ячейками th и td:

<table> <tr> <th>Имя</th> <th>Фамилия</th> <th>Зарплата</th> </tr> <tr> <td>Иван</td> <td>Иванов</td> <td>200$</td> </tr> <tr> <td>Николай</td> <td>Сидоров</td> <td>1000$</td> </tr> </table> table, td, th { border: 1px solid black; }

:

Смотрите также

  • теги thead, tbody и tfoot,
    которые группируют ряды таблицы
  • тег caption,
    который задает заголовок всей таблицы
  • свойство vertical-align,
    которое задает выравнивание текста по вертикали
  • атрибуты rowspan и colspan,
    которые объединяют ряды и столбцы таблицы