HTML-тег <table>

Тег <table> используется для представления данных в виде сетки (в строках и столбцах).

Тип:	Block
Контент:	Опционально `<caption>`, `<col>` или `<colgroup>`, Опционально `<thead>` и `<tfoot>`, `<tbody>` и хотя бы один `<tr>`
Открывающий тег:	Обязательный
Закрывающий тег:	Обязательный
Версия:	HTML 3.2, 4, 4.01, 5

Таблицы используются для организации данных, таких как текст, изображения, ссылки, формы, поля форм, другие таблицы и т. д., в строках и столбцах ячеек.
По своей сути, таблица строится с использованием элемента <table> и одного или нескольких элементов <tr>, <th> и <td>. Элемент <tr> определяет строку таблицы, элемент <th> определяет заголовок таблицы, а элемент <td> определяет ячейку таблицы.
Более сложная таблица может также включать элементы <caption>, <col> и <colgroup>; и структурные элементы <thead>, <tbody>, и <tfoot>, которые используются для идентификации различных областей в таблице.

Синтаксис

Базовый синтаксис тега <table> выглядит следующим образом:

HTML / XHTML: <table> ... </table>

Примеры написания кода тега <table>:

<table>
    <caption>Данные пользователя</caption>
    <thead>
        <tr>
            <th>Номер</th>
            <th>Имя</th>
            <th>Email</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>John Carter</td>
            <td>johncarter@mail.com</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Peter Parker</td>
            <td>peterparker@mail.com</td>
        </tr>
        <tr>
            <td>3</td>
            <td>John Rambo</td>
            <td>johnrambo@mail.com</td>
        </tr>
    </tbody>
</table>

Описание таблицы задается в элементе <caption>.

Специальные атрибуты тега

В следующей таблице приведены атрибуты, которые относятся к тегу <table>:

Атрибут	Значение	Описание
`align`	`left` `center` `right`	Определяет выравнивание таблицы относительно документа.
`bgcolor`	color	Устанавливает цвет фона таблицы.
`border`	`1` `0`	Указывает, должны ли ячейки таблицы иметь границы или нет.
`cellpadding`	length	Определяет пространство между краем ячейки и ее содержимым.
`cellspacing`	length	Определяет количество пространства между отдельными ячейками.
`frame`	`above` `below` `border` `box` `hsides` `lhs` `rhs` `void` `vsides`	Определяет, какие стороны рамки обрамления таблицы будут видны.
`rules`	`all` `cols` `groups` `none` `rows`	Определяет, какие части внутренних границ будут появляться между ячейками в таблице.
`sortable`	`sortable`	Включает интерфейс сортировки для таблицы.
`summary`	text	Определяет сводку содержимого таблицы.
`width`	length	Определяет ширину всей таблицы.