HTML HTML5 XHTML ПРИМЕРЫ СПРАВОЧНИК РЕКЛАМА ГОСТЕВАЯ

HTML Тег <table> - Таблица


Пример

Простая HTML таблица, содержащая два столбца и две строки:

<table border="1">
  <tr>
    <th>Месяц</th>
    <th>Сбережения</th>
  </tr>
  <tr>
    <td>Январь</td>
    <td>3000 руб.</td>
  </tr>
</table>

Попробуйте сами »
(еще примеры внизу этой страницы)

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

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

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

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

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


Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

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


Различия Между HTML и XHTML

НЕТ


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

Столбец DTD указывает, в каком типе документа HTML 4.01/XHTML 1.0 DTD атрибут разрешен. S=Strict, T=Transitional и F=Frameset.

Атрибут Значение Описание DTD
align left
center
right
Не рекомендуется. Используйте вместо него стили.
Указывает выравнивание таблицы относительно окружающего ее текста
TF
bgcolor rgb(r,g,b)
#rrggbb
название_цвета
Устаревший. Применяйте стили.
Устанавливает цвет фона таблицы
TF
border пикселы Задает ширину границ вокруг таблицы STF
cellpadding пиксели Указывает пустое пространство между границей ячейки и содержимым ячейки STF
cellspacing пикселы Устанавливает пустое пространство между ячейками STF
frame void
above
below
hsides
lhs
rhs
vsides
box
border
Задает, какие части внешних границ будут видимы STF
rules none
groups
rows
cols
all
Указывает, какие части внутренних границ будут видимы STF
summary текст Определяет краткое содержание (резюме) для контента таблицы STF
width пиксели
%
Задает ширину таблицы STF


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

Тег <table> поддерживает следующие стандартные атрибуты:

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

Дополнительная информация о Стандартных Атрибутах.


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

Тег <table> поддерживает следующие атрибуты событий:

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

Дополнительная информация об Атрибутах Событий.


Примеры

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

Границы таблиц
HTML таблицы с различными границами.

Заголовки столбцов/строк таблицы
Как создавать заголовки столбцов (строк) таблицы.

Пустые ячейки
Как используя "&nbsp;", задавать корректное отображение ячеек, не имеющих содержимого.

Таблица с заголовком
HTML таблица с заголовком.

Теги внутри таблицы
Как отображать элементы внутри других элементов.

Ячейки, которые охватывают более одной строки/столбца
Как определить ячейки таблицы, которые будут охватывать более одной строки/столбца.

Свойство cellpadding
Как использовать cellpadding для создания дополнительного пустого пространства между содержимым ячейки таблицы и ее границами.

Свойство cellspacing
Как использовать cellspacing для увеличения расстояния между ячейками.

Добавление цвета фона или фонового изображения к таблице
Как добавить фон к таблице.

Атрибут frame
Как использовать атрибут "frame" для контроля границ вокруг таблицы.



© 2011-2017 Уроки HTML
Рейтинг@Mail.ru