table

HTML тег table — это тег, который применяется для создания таблицы на странице. Самая простая таблица содержит элемент table и один или несколько внутренних элементов tr, td, th. Элемент tr определяет строку таблицы, td — ячейку, а th шапку таблицы.  В более сложных таблицах могут быть такие элементы как: caption, col, colgroup, thead, tfoot, и tbody.

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

ie IEoperaOperachromeChromefirefoxFirefoxsafariSafari
+++++

Пример

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

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

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

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

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

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

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

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

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *