Тег table

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

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

Атрибуты

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

Пример

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

html<table>
  <tr>
    <th>Name</th>
    <th>Surn</th>
    <th>Salary</th>
  </tr>
  <tr>
    <td>name1</td>
    <td>surn1</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>name2</td>
    <td>surn2</td>
    <td>1000$</td>
  </tr>
</table>
csstable, td, th {
  border: 1px solid black;
}

Результат:

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

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