3. Вставка видеофрагментов

Для вставки видеофайлов типа .avi или анимированных .gif-изображений в текст HTML - документа используется описанный выше тег <IMG>, но с другими атрибутами:

dynsrc=’’Имя AVI-файла’’ - аналогичен параметру src, указывающему путь к файлу с графическим изображением. Определяет путь к AVI-файлу.

Src=’’ Имя файла‘’ - указывает путь к графическому изображению, которое появится в документе вместо видеофрагмента, если его проигрывание невозможно;

start - определяет момент, когда нужно начать проигрывание. Если start=’’FILEOPEN’’, то проигрывание начинается сразу, как только будет загружен файл. Если start=’’MOUSEMOVE’’, проигрывание начнется после помещения курсора на окно для проигрыша видеофрагмента;

сontrols - если этот атрибут указан, то под окном отображаются органы управления проигрыванием;

loop - определяет, сколько раз будет проигрываться видеофрагмент. Если loop=’’INFINITE’’ или loop= -1, то проигрывание будет продолжаться бесконечно, пока страница открыта;

loopdelay - задаёт задержку в миллисекундах перед началом очередной операции проигрывания.

Помимо описанных параметров, в теге <IMG> для видеофрагментов можно использовать и обычные атрибуты <IMG>, использующиеся при размещении графических изображений (см.п.8).

Например: <IMG dynsrc=’’video.avi’’ start=’’fileopen’’ controls loop=5 border=0 align=’’middle’’>

9.Таблицы

При создании таблиц используется принцип вложения: внутри основного элемента таблицы (TABLE) создается ряд элементов, определяющих строки (TR), а внутри этих элементов размещаются элементы для описания каждой ячейки в строке (TD, TH).

Внешними элементом таблицы является тег <TABLE> </table>.

Он позволяет задавать общие свойства таблицы и отделяет ее структуру от остальной части Web- страницы. Рассмотрим атрибуты этого элемента.

Таблицу можно выровнять по горизонтали при помощи атрибута align:

align="left" - влево;

align="center" - по центру;

align="right" - вправо.

Ширину таблицы можно задать точно, в пикселях, или в процентном отношении к ширине страницы в окне браузера. Например, width=400 или width=50%

Ширина рамки задается атрибутом:

border=Ширина в пикселях

Заголовок таблицы задается элементом <CAPTION> </caption>. Он выводится на экране вне рамок таблицы. Положением заголовка можно управлять:

align="top" - заголовок над таблицей;

align="bottom" - заголовок под таблицей.

Элементом, создающим строку таблицы, является <TR>. Он не имеет конечного тега. Для выравнивания содержимого всех ячеек в строке можно использовать атрибут align, присваивая ему значения left, center или right. Кроме того, содержимое ячеек можно выравнивать по вертикали:

valign="top" - по верхнему краю;

valign="middle" - по центру;

valign="bottom" - по нижнему краю.

Для ячейки, которая является заголовком столбца или строки, применяется элемент <TH>. Этот элемент должен располагаться внутри элемента <TR>. Ячейка-заголовок отличается от обычной тем, что браузер выводит текст внутри нее выделенным (полужирным) шрифтом. Рассмотри некоторые атрибуты этого элемента.

Атрибуты rowspan и colspan позволяют создавать ячейки, которые в несколько раз больше других ячеек таблицы, т.е. ячейки можно объединять:

rowspan=n - ячейка займет n строк;

colspan=n - ячейка займет n столбцов.

Для ячейки можно использовать атрибуты align, valign. Размеры ячеек можно задавать точно:

width=Ширина в пикселях

height=Высота в пикселях

Обычная ячейка определяется элементом <TD>. Для него могут быть использованы те же атрибуты, что и для элемента <TH>.

Оба элемента - <TH> и <TD> - не имеют конечных тегов. Функцию конечного тега выполняет следующий элемент, который определяет структуру таблицы.

Пример простейшей таблицы, показанной на рис.1:

<TABLE border=4 cellspasing=3>

<CAPTION> <B> Заголовок таблицы </B> </CAPTION>

<TR> <TH bgcolor=’’yellow’’> Заголовок 1

<TH bgcolor=’’yellow’’> Заголовок 2

<TR><TD> Ячейка 1

<TD> Ячейка 2

<TR><TD> Ячейка 3

<TD> Ячейка 4

</TABLE>