Тег <TABLE> и обязательный парный ему </TABLE>

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

align

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

background

Строка, определяющая рисунок для заднего фона

bgcolor

Определяет задний фон таблицы

border

Толщина рамки в пикселах. Если атрибут не указан, то таблица выводится без видимой рамки

bordercolor

Цвет рамки

cellspacing

Задает расстояние между ячейками таблицы

cellpadding

Задает расстояние между содержимым ячейки и ее рамкой

width

Ширина таблицы в процентах или пикселах

Пример простой таблицы

Заголовок столбца 1	Заголовок столбца 2
Ячейка столбца 1, ряд 1	Ячейка столбца 2, ряд 1
Ячейка столбца 1, ряд 2	Ячейка столбца 2, ряд 2

<TABLE BORDER=2 COLS=2 BGCOLOR=yellow align=center>
 <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>

Тег <TD> и необязательный парный ему </TR>

Тег <TD> определяет отдельную ячейку в таблице

height

Указывает высоту элемента в процентах или пикселях

align

Выравнивает текст в ячейке

• left - по левому краю (по умолчанию)
• rigth - по правому краю
• center - по центру

valign

Выравнивает текст в ячейке по вертикали

• top - по верхнему краю
• middle - по центру
• bottom - по нижнему краю

colspan

Указывает кол-во столбцев которое объединено в одной ячейке (по умолчанию=1)

rowspan

Указывает кол-во строк которое объединено в одной ячейке (по умолчанию=1)

title

Всплывающая подсказка

Пример простой таблицы

Заголовок столбца 1	Заголовок столбца 2
Ячейка столбца 1, ряд 1	Ячейка столбца 2, ряд первый
Ячейка столбца 1, ряд второй	Ячейка столбца 2, ряд 2

<TABLE BORDER=2 COLS=2>
 <TR>
 <TH>Заголовок столбца 1</TH><TH>Заголовок столбца 2</TH>
 </TR>
 <TR align=right>
 <TD height=70 title="пример">Ячейка столбца 1, ряд 1</TD><TD>Ячейка столбца 2, ряд первый</TD>
 </TR>
 <TR align=center>
 <TD>Ячейка столбца первый, ряд 2</TD><TD>Ячейка столбца 2, ряд 2</TD>
 </TR>
</TABLE>

Тег <TR> и необязательный парный ему </TR>

Тег <TR> определяет строку в таблице

align

Выравнивает текст в ячейке

• left - по левому краю
• rigth - по правому краю
• center - по центру

valign

Выравнивает текст в ячейке по вертикали

• top - по верхнему краю
• middle - по центру
• bottom - по нижнему краю

Пример простой таблицы

Заголовок столбца 1	Заголовок столбца 2
Ячейка столбца 1, ряд 1	Ячейка столбца 2, ряд первый
Ячейка столбца 1, ряд второй	Ячейка столбца 2, ряд 2

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

Назад