Бегущая строка

Таблицы

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

Таблицы в HTML строятся построчно. Все табличные данные заключаются в теги <TABLE> ... </TABLE>; описание каждого ряда ячеек (строк) заключается в теги <TR> ... </TR>; содержимое каждой ячейки заключается в теги <TD> ... </TD>(обычные ячейки) или <TH> ... </TH> (заголовки).

Таким образом, для описания, например, таблицы из двух строк, каждая из которых содержит по две ячейки, придется создать следующую конструкцию:

<TABLE>

<TR>

<TD> 1-1 </TD>

<TD> 1-2 </TD>

</TR>

<TR>

<TD> 2-1 </TD>

<TD> 2-2 </TD>

</TR>

</TABLE>

Ячейки таблицы могут содержать текст, изображения, вложенные таблицы и т.д. Не следует оставлять ячейки таблицы незаполненными; если какая-то ячейка должна выглядеть пустой, поместите в нее неразрывный пробел &nbsp;.

Помещаемый в ячейки таблицы текст по умолчанию автоматически размещается браузером; текст выводится слово за словом; при достижении правой границы ячейки очередное слово переносится на новую строку.

Ячейки таблицы могут охватывать несколько строк или столбцов; при описании таких ячеек используется атрибуты ROWSPAN (ячейка, тег которой содержит данный атрибут, "растягивается" на указанное количество строк) и COLSPAN (ячейка "растягивается" на несколько столбцов). Приведем пример организации таблицы с объединенными ячейками:

<TABLE>

<TR>

<TD ROWSPAN=2> 1-1 </TD>

<TD COLSPAN=2 > 1-2 </TD>

</TR>

<TR>

<TD> 2-1 </TD>

<TD> 2-2 </TD>

</TR>

</TABLE>

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

Атрибуты тега <TABLE> задают параметры таблицы в целом:

Атрибуты тега <TR> задают параметры данного ряда (при возникновении противоречий атрибуты, заданные в теге <TABLE>, отменяются).

Атрибуты тега <TD> задают параметры данной ячейки (при возникновении противоречий атрибуты, заданные в тегах <TABLE>и <TR>, отменяются).

При работе с таблицами учтите, что указанное значение атрибута WIDTH во многих случаях лишь "принимается к сведению" браузером. Заданные пропорции в точности выдерживаются редко, браузер старается отобразить таблицу как можно лучше (в его понимании).

Использование бегущей строки на веб-странице делает ее более динамичной, позволяет создать эффект движения объекта. Создается бегущая строка с помощью тега <MARQUEE> … </MARQUEE>.

Между <MARQUEE> и </MARQUEE> могут располагаться текстовые фрагменты и рисунки. Текст может быть отформатирован с помощью соответствующих тегов, а рисунок вставляется с использованием <IMG …>.