- •Информационные ресурсы и коммерческое приложение www
- •1.2. Понятие компьютерной сети
- •1.3. История развития и структура Интернета
- •1.4. Принципы работы сети Интернет
- •1.5. Адресация компьютеров в Интернете
- •1.6. Основные сервисы Интернета
- •1.8. Организация информационной системы www
- •1.9. Адресация документов в Web – url.
- •2. Язык гипертекстовой разметки нтмl
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>
Элемент, позволяющий зафиксировать некоторую информацию на экране вне зависимости от того, какая часть документа просматривается. Такие постоянные детали страницы, называемые баннерами, удобны для размещения логотипов, подсказок, заголовков и т.д. Этот элемент поддерживается не всеми браузерами.