table

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

IE Opera Chrome Firefox Safari
+ + + + +

Пример

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

<table border="1">
                 <tr>
                   <th>Month</th>
                   <th>Savings</th>
                 </tr>
                 <tr>
                   <td>January</td>
                   <td>$100</td>
                 </tr>
</table>

Описание и использование

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

Простая таблица содержит элемент table и одного или нескольких элементов tr, th, и td.

Элемент tr определяет ряд таблицы, элемент th - шапку таблицы, td - ячейку.

Более сложные таблицы могут также содержать такие элементы: caption, col, colgroup, thead, tfoot, и tbody.

Разница между HTML и XHTML

Атрибуты "align" и "bgcolor" элемента table устарели и не поддерживаются в XHTML 1.0 Strict.

Необязательные атрибуты

АтрибутЗначениеОписание
align left right top middle bottom Устарел. Используйте CSS
bgcolor rgb(x,x,x) #xxxxxx название цвета Устарел. Используйте CSS
border пиксели Определяет ширину границы вокруг таблицы
cellpadding пиксели Определяет пространство между стенкой и содержанием ячейки
cellspacing пиксели Определяет пространство между ячейками
frame void above below hsides lhs rhs vsides box border Определяет какие стороны внешних границ должны быть видимыми
rules none groups rows cols all Определяет какие стороны внутренних границ должны быть видимыми
summary текст Задает короткий обзор содержимого таблицы
width пиксели % Определяет ширину таблицы

 

Стандартные атрибуты

АтрибутЗначениеОписание
class имя_класса Определяет имя класса для элемента
dir rtl ltr Определяет направление текста для контента в элементе
id id Определяет уникальный id для элемента
lang код_языка Определяет код языка для контента в элементе
style определение_стиля Определяет инлайновый стиль для элемента
title текст Определяет дополнительную информацию об элементе
xml:lang код_языка Определяет код языка для контента в элементе, в XHTML документах

 

Событийные атрибуты

АтрибутЗначениеОписание
onclick скрипт Скрипт будет выполнен при клике
ondblclick скрипт Скрипт будет выполнен при двойном клике
onfocus скрипт Скрипт будет выполнен при получения фокуса
onmousedown скрипт Скрипт будет выполнен при нажатии кнопки мышки
onmousemove скрипт Скрипт будет выполнен при движении курсора мышки
onmouseout скрипт Скрипт будет выполнен, когда курсор мышки покинет пределы элемента
onmouseover скрипт Скрипт будет выполнен, когда курсор мышки находится над элементом
onmouseup скрипт Скрипт будет выполнен, когда кнопка мышки будет отпушена
onkeydown скрипт Скрипт будет выполнен при нажатии клавиши
onkeypress скрипт Скрипт будет выполнен при нажатии клавиши и последующего разжатия
onkeyup скрипт Скрипт будет выполнен при разжатии клавиши
^ Наверх ^