2. Язык гипертекстовой разметки нтмl

2.1. Форма представления информации в Web

Информация на web-сервере хранится в виде так называемыхweb-страниц илиweb-документов.

Web-документ - это файл в формате НТМL(НуреrТехtМаrkupLanguage) - язык гипертекстовой разметки). Данный фор­мат определяет:

• внешний вид документа;

• структуру документа: взаимное расположение текстовой, графической и мультимедийной информации;

• ссылки на другие ресурсы web.

НТМL-документ представляет собой обычный текстовый (АСSII) файл, поэтому такой файл может быть отправлен практиче­ски на любой компьютер, подключенный к Интернету. НТМL-документ содержит текст идескрипторы разметки.

Дескрипторы разметки или тэги (tag)- это конструкции языка НТМЬ, которые определяют оформление документа при его отобра­жении браузером. При этом сами тэги не отображаются на экране.

Существуют определенные правила записи тэгов. Все тэги языка НТМЬ выделяются символами-ограничителями < и >, между которыми записывается идентификатор (имя) тэга и, возможно, егопараметры.

Имена тэгов и их параметров нечувствительны к регистру сим­волов, т. е. их можно записывать как строчными, так и прописными буквами.

Например:

<Р АLIGN="left”>Пример1</Р>

Для выделения текста «Пример 1» в отдельный абзац с вырав­ниванием по левому краю использован тэг абзаца <Р>. В тэге указан параметр аыслт, определяющий характер выравнивания текста. Конструкция завершается парным тэгом </Р> без указания пара­метров.

Большинство тэгов используется попарно и называются тэга­ми-контейнерами. Первый тэг называетсяоткрывающим, а соответ­ствующий парный ему -закрывающим. Закрывающий тэг имеет то же имя, что и открывающий, но предваряется символом / (прямой слэш). Принципиальное различие парных тэгов состоит в том, чтозакрывающие тэги не могут содержать параметров.

Действие тэгов-контейнеров распространяется на все содержи­мое, заключенное между открывающим и закрывающим тэгами. В общем виде парный тэг выглядит следующим образом:

<тэг параметр1="значение1" параметр2=" значе-ние2" ...> Текст содержимого </тэг>

Иногда завершающую часть тэга можно опускать. Примерами могут служить тэг элемента списка LIи тэг абзаца Р. Современные браузеры во многих случаях правильно форматируют документы даже при отсутствии некоторых закрывающих тэгов, однако такая практика не может быть рекомендована.

Существуют тэги в принципе не нуждающиеся в наличии за­крывающей части. Такие тэги называются пустыми или непарными. К непарным тэгам относятся тэги вставки изображенийIMG, прину­дительного перевода строкиBR, вставки горизонтальной линииHR и другие. Часто из самого предназначения тэга можно догадаться, ну­ждается ли он в завершающем. Непарные тэги не предусматривают наличие вложенного текстового фрагмента и имеют вид:

<тэг параметр1="значение1" параметр2="значение2"

. . .>

Пример

<BR> - начать новую строку.

<HRCOLOR="red"NOSHADE> - вставить горизонтальную ли­нию красного цвета без создания эффекта объемности.

Параметры или атрибутытэга определяют дополни­тельные характеристики и режимы его функционирования. Наборы допустимых параметров индивидуальны для каждого тэга. Парамет­ры указываются после имени тэга и отделяются друг от друга про­белами. Порядок следования параметров тэга произволен.

Большинство параметров требует указания их значений. Если требуется указать значение, оно записывается после названия пара­метра через знак равенства =. Значения параметров рекомендуется заключать в двойные кавычки. При записи значений параметров иногда важен регистр символов.

БЕГУЩАЯ СТРОКА

<marquee height=80% width=60% direction="RIGHT" behavior="scroll" loop="50" scrollamount="3">

ИНФОРМАЦИЯ НА БЕГУЩЕЙ СТРОКЕ</marquee>

bgcolor="#9BDEEF"

Если фон задан, то браузер рисует на экране цветную полосу, вдоль которой бежит текст.

Высоту полосы можно задать двумя способами:

height=30 и height=30%

Если используются пиксели, то можно порекомендовать диапазон 30-50. Высоту можно указывать и в процентах. Процент определяет долю от высоты видимой части гипертекста внутри окна браузера. Эта величина, разумеется, зависит от размера окна. Если высота полосы достаточно широкая, то есть смысл использование атрибута для выравнивания текста по верхнему краю, по середине или по нижнему краю полосы:

Направление движения тоже можно менять:

direction="RIGHT" (up, left)

Самым удачным атрибутом является behavior, управляющий поведением строки. По умолчанию создаются обычная бегущая строка, какие бывают на табло. Дойдя до края экрана, она уходит из поля зрения, а затем появляется с противоположной стороны. Этому варианту соответствует:behavior="scroll"

Второй вариант- строка появляется из-за края окна, достигает противоположного и останавливается. Значение атрибута: behavior="slide"

Третий вариант- строка не исчезает с экрана, и не останавливается. Она движется вправо или влево, «отражаясь» от краев окна и меняя направление движения.

behavior="alternatel"

Количество проходов строки по экрану можно ограничить: loop="число"

Выполнив необходимое число проходов, строка остановится. Отсчет начнется после того, как пользователь увидит ее на экране. Скорость движения задает след. Атрибут: scrollamount="3"

Если число=1, то строка будет еле ползти по сравнению с режимом по умолчанию. Если число>10, то она будет двигаться очень быстро. Данный атрибут задает скорость движения как число пикселей, которые строка проходит за каждый шаг.

Сущ второй способ задания скорости, определяющий временной интервал (в миллисекундах) между шагами: scrolldelay= число

С помощью этого атрибута можно заставить строку двигаться рывками.

ФИКСАЦИЯ ИНФОРМАЦИИ НА ЭКРАНЕ – ЭЛЕМЕНТ BANNER.

<BANNER> </BANNER>

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