# Тег 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`,
  которые объединяют ряды и столбцы таблицы

←→
↑