ВНИМАНИЕ: Запись на курсы по HTML, CSS, JavaScript, PHP, Python, React, Vue, Laravel и другим фреймворкам и CMS,
а также: помощь в поиске работы и заказов, стажировка на реальных проектах→
33 of 133 menu
Бесплатный курс по выкладке сайтов на хостинг. Разбираем все нюансы! Начало 14 октября. Жми для записи!

Тег 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>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> table, td, th { border: 1px solid black; }

:

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

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