Мультимедийные объекты в документе html

Широкое распространение мультимедиа пришлось на период, когда служба World Wide Web уже существовала, так что язык HTML не сразу приспособился к появлению на Web-страницах мультимедийных объектов. Файлы аудио и видео до сих пор рассматриваются как «внешние» объекты, воспроизводимые через встроенные и вспомогательные приложения.

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

В потоковом формате в Интернате передаются радиотрансляции. Например, в России в таком формате вещает радиостанция «Серебряный дождь» (www.silver.ru).

Самый простой способ вставить мультимедийный объект на Web-страницу — это использовать тег гиперссылки <А>. Создать такую ссылку проще всего, и в этом случае мультимедийный файл не отвлекает читателя от остального содержимого документа HTML.

В некоторых случаях требуется внедрить звуковой или мультимедийный файл непосредственно в Web-страницу, например для того, чтобы иметь возможность воспроизводить этот файл автоматически. В настоящее время для этой цели удобнее всего применять тег <EMBED>, хотя он, строго говоря, не входит в стандарт HTML. Этот тег распознается двумя наиболее распространенными броузерами — Internet Explorer и Netscape Navigator, хотя возможность воспроизведения мультимедийного файла определяется исключительно наличием соответствующего встроенного приложения.

Тег <EMBED> является одиночным, так что закрывающий тег не требуется. Его обязательным атрибутом является SRC=, значение которого представляет абсолютный или относительный путь поиска соответствующего файла. Возможно также использование атрибутов WIDTH= и HEIGHT=, задающих размеры (ширину и высоту) прямоугольной области на экране, «отведенной» под воспроизведение мультимедийного объекта.

<HTML>

<HEAD>

<ТIТLЕ>Мультимедиа в документе</ТIТLЕ>

</HEAD>

<BODY>

<Р><А HREF='music.wav'>Щёлкните здесь, чтобы послушать музыку</А>

<Р>Видеоролик, воспроизводимый в рамках страницы

<EMBED SRC=Tile.avi" WIDTH="200" HEIGHT="200">

</BODY>

</HTML>

Создание таблиц

Таблица — это один из наиболее удобных способов представления больших объемов данных. Язык HTML имеет богатейшие возможности по созданию разных видов таблиц.

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

2. Между тегами <TABLE> и </TABLE> может один раз встретиться пара тегов <CAPTION> и </CAPTION>, определяющая заголовок таблицы. Заголовок таблицы размещается непосредственно над таблицей (по умолчанию) или непосредственно под таблицей.

3. Далее следуют теги <TR> и </TR>, определяющие строки таблицы. Закрывающий тег можно опускать, так как строка таблицы заканчивается перед началом следующей строки или вместе с таблицей.

4. Каждая строка таблицы состоит из ячеек. Ячейки помечаются либо тегами <ТН>, содержащими заголовки столбцов и строк, либо тегами <TD>, содержащими обычные данные. Эти теги также являются парными, но закрывающие теги и здесь могут опускаться, так как это не вызывает разночтений.

5. Внутри ячеек могут содержаться любые данные и любые теги HTML, допустимые в разделе тела документа. Например, ячейка таблицы может содержать вложенную таблицу. Броузеры автоматически вычисляют размеры ячеек и всей таблицы, хотя эти свойства частично можно задать и при помощи атрибутов.

6. Из специфических атрибутов таблиц можно, например, указать атрибут BORDER=, который позволяет создавать рамку вокруг таблицы и вокруг отдельных ячеек. Значением этого атрибута является толщина внешней рамки в пикселах.

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

<HTML>

<HEAD>

<ТIТLЕ>Таблица<TIТLЕ>

</HEAD>

<BODY>

<TABLE WIDTH=”90%” BORDER=10 CELLPADDING=2 CELLSPACING=10> <CAPTION>Основные теги таблицы</САРТION>

<ТR><ТD><В> Открывающий тег </В><ТD><В> Закрывающий тег </В> <ТD><В>Описание</В>

<TR><TD>TABLE<TD ROWSPAN=2>Oбязaтeлeн <ТD>Начало и конец таблицы

<TR><TD>CAPTION <ТD>Начало и конец заголовка таблицы

<TR><TD>TR <TD ROWSPANАМ=2>Необязателен <ТD>Начало строки таблицы

<TR><TD>TD <ТD>Начало ячейки таблицы <TАВLЕ>

</BODY>

</HTML>

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