HTML <table>Тег


Примеры

Простая HTML-таблица с двумя столбцами и двумя строками:

<table border="1"> <tr> <th>Месяц</th> <th>Сбережения</th> </tr> <tr> <td>Январь</td> <td>$100</td> </tr> <tr> <td>Февраль</td> <td>$80</td> </tr> </table>

Попробуйте сами »
(Смотрите больше примеров внизу страницы)

Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Все основные браузеры поддерживают тег <table>.

Определение тега и инструкции по использованию

Тег <table> определяет HTML-таблицу.

HTML-таблица включает элемент <table>, один или несколько<tr>、<th>и<td>элементов.

Элемент <tr> определяет строку таблицы, элемент <th> определяет заголовок таблицы, а элемент <td> определяет ячейку таблицы.

Более сложные HTML-таблицы также могут включать элементы <caption>, <col>, <colgroup>, <thead>, <tfoot> и <tbody>.

Различия между HTML 4.01 и HTML5

В HTML5 поддерживается только атрибут 'border', и допускается только значение '1' или ''.

Атрибуты

Attribute Значение Описание
align left
center
right		 Не поддерживается в HTML5. Устарел в HTML 4.01.Определяет выравнивание таблицы относительно окружающих элементов.
bgcolor rgb(x,x,x)
#xxxxxx
название цвета		 Не поддерживается в HTML5. Устарел в HTML 4.01.Определяет цвет фона таблицы.
border 1
""		 Не поддерживается в HTML5.Указывает, имеют ли ячейки таблицы границы.
cellpadding пикселей Не поддерживается в HTML5.Указывает расстояние между краем ячейки и её содержимым.
cellspacing пикселей Не поддерживается в HTML5.Указывает расстояние между ячейками.
frame void
above
below
hsides
lhs
rhs
vsides
⟦0⟧
border		 Не поддерживается в HTML5.Указывает, какая часть внешней границы видна.
rules none
groups
rows
cols
all		 Не поддерживается в HTML5.Указывает, какая часть внутренней границы видна.
summary text Не поддерживается в HTML5.Указывает краткое описание таблицы.
width пикселей
%		 Не поддерживается в HTML5.Указывает ширину таблицы.

Глобальные атрибуты

Тег <table> поддерживаетглобальные атрибуты HTML.。

Атрибуты событий

Тег <table> поддерживаетатрибуты событий HTML.。

Examples

Попробуйте сами - Примеры


Этот пример демонстрирует, как отображать заголовки таблицы.


Этот пример демонстрирует, как использовать '&nbsp;' для обработки ячеек без содержимого.


Этот пример демонстрирует таблицу с заголовком.


Этот пример демонстрирует, как отображать элементы внутри других элементов.


Этот пример демонстрирует, как определить ячейки таблицы, объединяющие строки или столбцы.

Связанные статьи

Учебник HTML:HTML-таблицы

Справочник по HTML DOM:Объект Table

Генератор HTML-таблиц:Онлайн-генератор HTML-таблиц

Другие расширения