Язык гипертекстовой разметки HTML. Структура документа. Группы тегов. Маркированные и нумерованные списки. Таблицы. Размещение изображений
Для создания мультимедийного продукта применяют специальные языки или специализированные программные средства. Например, Adobe Director иAuthorWare (Adobe), Formula Graphics (Formula), Multimedia Creator идр. Стандартный язык разметки документов является стандартом для обмена документами между различными платформами.
Web-страницы описываются на специальном языке разметки гипертекстовой информации, называемом HTML (HyperTextMarkupLanguage). HTML стал основным языком описания документов в Internet и является простым подмножеством универсального языка разметки документов SGML (StandardGeneralizedMarkupLanguage).
HTML позволяет осуществлять:
· создание и форматирование текста;
· вставку графики;
· создание таблиц;
· создание маркированных и нумерованных списков;
· цветовое оформление документов и т.д.
HTML имеет теговую структуру. Теги (Дескрипторы) HTML — это команды, которые выполняет Web-броузер перед тем, как отобразить следующий за дескриптором текст.Набор тегов (дескрипторов) определяют внешний вид текстового документа.
Теги подразделяют на открывающие и закрывающие. Не у всех тегов существуют соответствующие им закрывающие, такие теги иногда называют «пустыми» (empty).
Теги записываются в угловых скобках (<>)и могут содержать дополнительные параметры. Так, например, тег <1>форматирует текст курсивным, <В>— полужирным шрифтом.
Теги <I>, и<В> являются дескрипторами-контейнерами, так как они заключают текст с двух сторон.
Начало полужирного текста помечается тегом <В>, а конец — </В>. Завершающий тег отличается от начинающего косой чертой. Между этими тегами может находиться как текст, так и другие теги. Тег<В> включает режим полужирных символов, а </В> — выключает.
Существуют теги, не являющиеся контейнерами. Они вставляют специальный элемент или выполняют специализированную функцию на Web-странице. Например, тег <IMG> используется для вставки на страницу рисунка, a<BR> — для разрыва строки. В этих случаях завершающие дескрипторы не используются.
Существует общее соглашение, по которому на теги-контейнеры ссылаются только по открывающему тегу. Необходимо знать, какие дескрипторы являются контейнерами. Например, если указано использование тега<В>, то используется также и завершающий тег</В>.
Множество дескрипторов HTML принимают параметры, называемые атрибутами. Атрибуты используются для указания дополнительной информации Web-браузеру о том, как применять тег. Если добавить тег, который создает ссылку, то атрибуты будут использоваться для указания URL связанной Web-страницы.
Атрибуты — это имена, которым через знак равенства (=) присваиваются определенные значения. Например, для связи с файлом HTML необходимо атрибуту HREF присвоить URL этого файла — HREF=example.htm и поместить его между открывающей и закрывающей угловыми скобками тега<А>:
<А HREF=example.htm>
Если строка значения параметра содержит пробелы,тоее необходимо заключить в одинарные или двойные кавычки. Например, <А HREF="MyWebPage.htm">.
Каждый файл HTML имеет одинаковую базовую структуру. Каждый файл начинается тегом <HTML> и заканчивается тегом </HTML>. Внутри данного контейнера заключены два другие: <HEAD> и <BODY>. Контейнер <HEAD> содержит заголовочную информацию о документе, а контейнер <BODY>-содержимое документа. Внутри контейнера <HEAD> может встретиться дополнительный контейнер <TITLE>, который содержит название документа, отображаемое в заголовке окна браузера.
Листинг 1. Полный файл HTML
<html>
<HEAD>
<ТIТLЕ>Пример полного файла HTML</TITLE>
</HEAD>
<BODY>
Реальное содержимое Web-страницы помещается в контейнере. </BODY></HTML>
Большинство Web- браузеров отображает содержимое файлов без тегов
<head>, <title>и<BODY>
Форматирование символов в HTML
Дескрипторы форматирования символов:
<В> Полужирный
<big>Больше
<CODE> Пример кода
<ЕМ> Выделение (обычно курсив)
<FONT> Использование определенного шрифта, размера и цвета
<I> Курсив
<PLAINTEXT> Моноширинный
<S> Перечеркнутый
Приведенные теги, является контейнером, т.е. необходимо также использовать завершающие теги для завершения форматирования
Некоторые приведенные теги являются физическими. Они конкретно указывают, как необходимо форматировать текст.
Например, тег<В> форматирует текст полужирным шрифтом.
Теги <FONT>, <I>, <S>, <SMALL>, <STRIKE>, <SUB>, <SUP> и <U> также являются физическими.
Логические теги определяют не то, как отображать текст, а что он собой представляет, оставляя Web-браузеру возможность "решать", как отображать данный текст.
Логические дескрипторы:
· <SAMP> Пример
· <SMALL>Маленький
· <STRIKE> Перечеркнутый
· <STRONG>Выделение (обычно полужирный)
· <SUB> Нижний индекс
· <SUP> Верхний индекс
· <ТТ> Телетайп
· <U> Подчеркнутый
· <VAR> Имя переменной или параметра
· <ХМР> Пример
Цвета в HTML:
BLACK – черный
BLUE – синий
FUCHSIA – сиреневый
GRAY – серый
GREEN – зеленый
LIME – салатовый
NAVY – темно-синий
OLIVE – оливковый
RED – красный,
WHITE – белый
YELLOW– желтый и т.д.
Цвет можно также указать как значение RGB в шестнадцатеричном виде Формат значения: #RRGGBB,
где RR – интенсивность красной составляющей,
GG – интенсивность зеленой составляющей,
ВВ – интенсивность синей составляющей.
Например, #OOOOFF – это синий, т.к. интенсивность красной и зеленой составляющих на нуле, а синей – на максимуме.
Информационные технологии и системы в деятельности гостиниц и ресторанов