HTML

Тег <TABLE>

Тег <TABLE> - главный тег-контейнер для всех других тегов таблиц, и никакой из них не будет интерпретироваться, если он не заключен между <TABLE> и </TABLE>.

Атрибуты:

• BORDER

  Устанавливает толщину границ таблицы. Если этот атрибут не задан, то границы не показываются, однако пространство для границ минимальной толщины резервируется браузером. Для указания отсутствия границ необходимо задавать
  BORDER = 0

• CELLPADDING

  Указывает какое пространство должно оставаться между границами ячеек таблицы и данными в этих ячейках. Значение по умолчанию 1.

• CELLSPACING

  Указывает какое пространство остается между границами отдельных ячеек таблицы. Значение по умолчанию 2.

• COLS

  Указывает количество столбцов в таблице. Этот атрибут необходимо ипользовать для обеспечения постепенного показа больших таблиц в процессе загрузки данных.

• WIDTH

  Указывает ширину таблицы. Значение можно указывать как в процентах от ширины контейнера (окна браузера), так и в пикселах. Если в строке таблицы суммарная ширина объектов окажется больше указанной таблица будет отформатирована браузером по эти объекты.

• HEIGHT

  Указывает высоту таблицы, либо в пикселах, либо в процентах. Работает не во всех браузерах.

• ALIGN

  Используется так же как и аналогичный атрибут изображений (<IMG ...>), для указания стиля обтекания таблицы текстом. Допустимые значения: left, right

• VALIGN

  Указывает положение текста и других элементов внутри ячеек таблицы. Возможные значения: left, center, right. По умолчанию используется center.

• BGCOLOR

  Указывает цвет фона таблицы. Можно задавать значение как из списка цветовых констант, так и в виде #RRGGBB, т.е. в виде цветовых координат (в шестнадцатеричном формате) палитры RGB.

• BORDERCOLOR

  Используется для указания цвета границы таблицы. Поддерживается только IE. Требуется обязательно указать атрибут BORDER.

• BORDERCOLORLIGHT

  Используется для создания эффекта трехмерной границы таблицы. Поддерживается только IE. Требует указания атрибута BORDER.

• BORDERCOLORDARK

  Полностью аналогично BORDERCOLORLIGHT.

• BACKGROUND
  = URL изображения

  Размещает изображение в таблице в качестве фонового (также может использоваться с тегами <TR>, <TD>). Возможно использование любых графических форматов. Работает не везде.

• FRAME

  Поддерживается только IE. Требует указания атрибута BORDER и определяет какие из внешних границ таблицы необходимо показывать. Может принимать одно из следующих значений:

  void	убирает все внешние границы
  above	только граница над таблицей
  below	только граница снизу таблицы
  hsides	сверху и снизу
  lhs	слева от таблицы
  rhs	справа от таблицы
  vsides	слева и справа
  box	со всех сторон

• RULES

  Описывает рамки вокруг таблицы.

  all	Отображает все части рамки внутри таблицы
  cols	Отображает все вертикальные рамки внутри таблицы
  groups	Отображает горизонтальные части рамки между группами таблицы
  none	Удаляет все рамки вокруг таблицы
  rows	Отображает все горизонтальные рамки внутри таблицы

• TITLE

• LANG

• LANGUAGE

• CLASS

• STYLE

• ID

• DATAPAGESIZE

• DATASRC

• DATAFLD

Пример простых таблиц с выравниванием, объединением строк или столбцов и использованием заголовков столбцов:

<TABLE BORDER=1 width="100%">
<TR>
	<TH ROWSPAN=2 COLSPAN=2></TH>
	<TH COLSPAN=2>Размер баннера</TH>
</TR>
<TR>
	<TH>468 x 60</TH>
	<TH>100 x 100</TH>
</TR>
<TR>
	<TH ROWSPAN=2 VALIGN=top>Сеть</TH>
	<TH>InterReklama</TH>
	<TD ALIGN=center>X</TD>
	<TD ALIGN=center>-</TD>
</TR>
<TR>
	<TH>RLE</TH>
	<TD ALIGN=center>X</TD>
	<TD ALIGN=center>X</TD>
</TR>
</TABLE>

Пример вложенных таблиц с раскраской:

<TABLE BORDER BGCOLOR="white" WIDTH="100%"> 
<TR>
	<TD COLSPAN="3">Эта ячейка обединяет 
	3 колонки и содержит вложенную таблицу
		<TABLE BORDER WIDTH="100%"
			BGCOLOR="silver">
		<TR BORDERCOLOR="Red">
			<TD>ячейка 1</TD>
			<TD>ячейка 2</TD>
		</TR>
		<TR>
			<TD>ячейка 3</TD>
			<TD>ячейка 4</TD>
		</TR>
		</TABLE>
</TD>
</TR>
<TR>
	<TD>это уже</TD>
	<TD>основная</TD>
	<TD BORDERCOLOR="lime">таблица</TD>
</TR>
</TABLE> 

Содержание