Home Таблицы
HTML - Справочник

<TABLE>...</TABLE>

Данный тег помещает на Web-страницу таблицу.

Атрибуты <TABLE>:

  • align="left|center|right";
  • bgcolor="Цвет"
  • border="Толщина границы в пикселах"
  • cellpadding="Расстояние"
  • cellspacing="Расстояние"
  • cols="Количество колонок"
  • height="Высота"
  • width="Ширина"

Атрибуты <TABLE> в IE:

  • accesskey="Клавиша-ускоритель"
  • background="Интернет-адрес файла изображения"
  • bordercolor="Цвет"
  • class="Стилевой класс"
  • datafld="Имя поля таблицы базы данных"
  • datapagesize="Размер страницы данных"
  • datasrc="/Имя объекта-источника данных"
  • dir="ltr|rtl"
  • frame="none|above|below|hsides|lhs|rhs|vsides|box"
  • HIDEFOCUS
  • id="Имя"
  • lang="Код языка"
  • language="JScript|javascript|vbs|vbscript|XML|Код языка скрипта"
  • rules="none|rows|cols|groups|all"
  • style="Определение встроенного стиля"
  • tabindex="Порядковый номер в последовательности"
  • title="Текст подсказки"

Атрибуты <TABLE> в NN:

  • hspace="Горизонтальный отступ"
  • vspace="Вертикальный отступ"

Блочный парный тег. Обязательных атрибутов не имеет, за исключением атрибута datapagesize, который обязателен при привязке таблицы к данным. Поддерживается IE начиная с 3.0 и NN начиная с 1.1

 

<CAPTION>...</CAPTION>

Заголовок таблицы.

Атрибуты <CAPTION>:

  • align="bottom|center|left|right|top";

Атрибуты <CAPTION> в IE:

  • accesskey="Клавиша-ускоритель"
  • class="Стилевой класс"
  • contenteditable="inherit|true|false"
  • dir="ltr|rtl"
  • DISABLED
  • HIDEFOCUS
  • id="Имя"
  • lang="Код языка"
  • language="JScript|javascript|vbs|vbscript|XML|Код языка скрипта"
  • style="Определение встроенного стиля"
  • tabindex="Порядковый номер в последовательности"
  • title="Текст подсказки"
  • valign="top|bottom"

Встроенный парный тег. Обязательных атрибутов не имеет. Поддерживается IE начиная с 3.0 и NN начиная с 1.1

 

<TH>...</TH>

Обозначает заголовок таблицы.

Атрибуты как у TD, только содержимое выравнивается по центру.

 

<TR>...</TR>

Метки строк в таблице.

Aтрибуты: ALIGN - устанавливает выравнивание текста в ячейках строки

  • ALIGN=LEFT - выравнивание влево
  • ALIGN=CENTER - выравнивание по центру
  • ALIGN=RIGHT - выравнивание вправо

VALIGN - вертикальное выравнивание текста в ячейках строки

  • VALIGN=TOP - выравнивание по верхнему краю
  • VALIGN=MIDDLE - по центру
  • VALIGN=BOTTON - по нижнему краю
  • VALIGN=CENTER
  • VALIGN=BASELINE
  • bgcolor - цвет фона
  • bordercolor - цвет рамки строки
  • bordercolordark - темный цвет рамки строки (IE)
  • bordercolorlight - светлый цвет рамки строки (IE)

 

<TD>...</TD>

Метки ячеек таблицы.

Aтрибуты: NOWRAP - содержимое ячейки показывать в одну строку COLSPAN - размах ячейки по горизонтали

  • COLSPAN=3 - ячейка на 3 колонки

ROWSPAN - размах ячейки по вертикали

  • ROWSPAN=2 - ячейка, за ней 2 строки

ALIGN - выравнивание текста в ячейках

  • ALIGN=LEFT - выравнивание влево
  • ALIGN=CENTER - выравнивание по центру
  • ALIGN=RIGHT - выравнивание вправо

VALIGN - вертикальное выравнивание

  • VALIGN=TOP - по верхнему краю
  • VALIGN=MIDDLE - по центру
  • VALIGN=BOTTOM - по нижнему краю

WIDTH - ширина ячейки в пикселях

  • WIDTH=200

HEIGHT - высота ячейки в пикселях

  • HEIGHT=40
  • bgcolor - цвет фона
  • background - фоновая графика (JPEG или GIF)
  • bordercolor - цвет рамки строки
  • bordercolordark - темный цвет рамки строки (IE)
  • bordercolorlight - светлый цвет рамки строки (IE)

 

Пример:

<TABLE BORDER=2 COLS=2 BGCOLOR=yellow align=center>
<caption>Мой заголовок таблицы</caption>
 <TR>
  <TH>Заголовок столбца 1</TH><TH>Заголовок столбца 2</TH>
 </TR>
 <TR>
  <TD>Ячейка столбца 1, ряд 1</TD><TD>Ячейка столбца 2, ряд 1</TD>
 </TR>
 <TR>
  <TD>Ячейка столбца 1, ряд 2</TD><TD>Ячейка столбца 2, ряд 2</TD>
 </TR>
</TABLE>
Мой заголовок таблицы
Заголовок столбца 1Заголовок столбца 2
Ячейка столбца 1, ряд 1Ячейка столбца 2, ряд 1
Ячейка столбца 1, ряд 2Ячейка столбца 2, ряд 2