Здесь появились новые теги: теги заголовков первого, второго и третьего уровня <H1> … </H1>, <H2> … </H2>, <H3> … </H3> и тег абзаца <P> … </P>.

В языке HTML поддерживается 6 уровней заголовков, отличающихся размерами текста. Самый крупный заголовок размечается тегами <H1> … </H1>, самый мелкий - тегами <H6> … </H6>. Следует иметь в виду, что в большинстве браузеров мелкие заголовки (H4 и ниже) отображаются очень мелким шрифтом и могут оказаться мельче основного текста. В нашем примере тег <H1 ALIGN = CENTER> Добро пожаловать! </H1> означает, что текст "Добро пожаловать!" оформлен как заголовок первого уровня, выровненный по центру. Атрибут тега заголовка ALIGN указывает способ выравнивания текста на строке (возможные значения: LEFT, CENTER, RIGHT). По умолчанию используется выравнивание по левому краю.

При создании абзацев в HTML-документах необходимо учитывать, что:

Текст, который надо представить на странице в виде отдельного абзаца, заключается в теги <P>…</P>.

Информацию на странице можно визуально разделить, вставив между логически разными частями текста горизонтальную линию. Для этого используется непарный тег горизонтальной линейки <HR>.

Текст на странице можно отформатировать различными стилями. Для этого используются теги физического и логического форматирования (Таблица 2.1). Теги логического форматирования определяют лишь тип стиля, конкретный браузер интерпретирует их в соответствии со своими возможностями. Физические стили дают браузеру явные указания о том, как изображать тот или иной символ. Если браузер не поддерживает заданный физический стиль, то он его проигнорирует. Для форматирования текста целесообразно применять именно логические стили. Web-браузеры MS Internet Explorer и Netscape Navigator одинаково интерпретируют как логические, так и физические теги.

Размер шрифта для всего документа или последующей его части задается тегом <BASEFONT> (базовый шрифт), имеющим единственный атрибут SIZE. Значение размера задается в диапазоне от 1 до 7. По умолчанию размер базового шрифта равен 3.

Для установки размера, цвета и гарнитуры участка текста используется тег <FONT> с атрибутами SIZE, COLOR и FACE соответственно. Атрибут размера задается в диапазоне от 1 до 7 или в виде +n -n относительно размера, заданного в теге <BASEFONT>. Например, теги <FONT SIZE=-1 FACE=”Arial” COLOR=”#FF0000”> </FONT> означают, что заключенный между ними текст имеет размер на 1 меньший, чем это установлено для базового шрифта, выводится красным цветом шрифтом Arial.

Символы табуляции, множественные пробелы, вставляемые в текст страницы, игнорируются браузерами при выводе документа. Единственный способ отобразить текст в таком виде, как он был предварительно отформатирован, - это использование тега ручного форматирования <PRE>. Заключенный в теги <PRE>…</PRE> текст будет отображаться в окне браузера без обработки, с точным соблюдением переносов строк и интервалов. Именно этим способом можно формировать простые документы, таблицы. Однако в текст, отформатированный тегом <PRE>, нельзя вводить другие теги оформления, создавать рамки, задавать стили, цвета и т.д. Поэтому он не так часто используется при разработке Web-страниц.

Цвет в атрибутах задания цвета различных элементов страницы указывается в виде RGB-модели, то есть в виде соотношения красной (Red), зеленой (Green) и синей (Blue) составляющих цвета. Именно в этой модели отображаются точки на экранах цветных мониторов. Каждая составляющая описывается двузначным шестнадцатеричным числом. Значение 00 означает, что данная компонента отсутствует, а FF (255) - что присутствует с максимальной интенсивностью. Таким образом, код цвета всегда можно задать шестью шестнадцатеричными цифрами. Перед кодом цвета ставится символ #. Например, ярко-синий цвет задается в виде #4169F1:

<FONT COLOR=”#4169F1”>

В стандарте HTML для 16 основных цветов в атрибутах, описывающих цвет, вместо кодов можно использовать названия Таблица 2.2). Например, можно с одинаковым результатом использовать как тег <FONT COLOR=”Maroon”> , так и <FONT COLOR=”#800000”>. Регистр в названии цвета значения не имеет.

Браузеры MS Internet Explorer и Netscape Navigator позволяют указывать имена вместо кодов для гораздо большего количества цветов, однако эти цвета не входят в стандарт и могут не распознаваться другими браузерами.

Установка цвета фона и текста для всего документа производится с помощью атрибутов тега <BODY>. Атрибут BGCOLOR=цвет задает цвет фона страницы, атрибут TEXT=цвет - цвет основного текста страницы.

Например, для заливки всей страницы голубым фоном и вывода текста темно-синим нужно использовать тег: <BODY BGCOLOR="#00FFFF " TEXT= "#000080">

Теперь ваш документ выводится браузером на светло-сером фоне, с базовым размером шрифта 3 (по умолчанию), строка "Добро пожаловать!" имеет темно-бордовый цвет. Строки "Новости", "Продукция", "Услуги" выводятся без пропуска строки. Строка "Мы рады, что Вы посетили наш сайт!" отображается курсивным стилем шрифтом Arial размером на 1 больше, чем символы основного текста (размер 4). Тег < ! > является тегом комментария. Текст, который вводится внутри тега комментария не отображается браузером. Контактная информация отделена от основного содержания страницы горизонтальной линией.

Создайте страницы второго уровня: "”Экономика", "Электронный бизнес", Название фирмы целесообразно повторять в заголовке страницы и в первом заголовке тела страницы, чтобы пользователь всегда видел, на каком сайте он находится. Фон и оформление заголовков должно быть единым для всех страниц. На каждой странице вставим строку "Добро пожаловать!" как заготовку для ссылки на Домашнюю страницу.

Атрибут HREF="URL" задает URL-адрес объекта гиперссылки. Наличие спецсимволов в адресе требует заключения его в кавычки. С помощью атрибута HREF можно задать ссылку на другую страницу сайта, на определенный участок страницы, включить адрес электронной почты, задать ссылку на сетевой ресурс.

При просмотре в браузере текст, заключенный между тегами <A HREF=”URL”> и </A> , изображается в браузере с подчеркиванием и выделяется цветом в соответствии с настройками браузера. Пользователь, щелкнув по выделенному как гиперссылка тексту мышкой, может загрузить документ с указанным в ссылке адресом. Например, тегом <A HREF="http://www.magazine.soft.ru"> Наши партнеры </A>описывается гиперссылка на Домашнюю страницу партнеров. В этой ссылке задается полный URL-адрес.

Гиперссылки, указывающие на локальные документы, также содержат обычные URL-адреса, но в этом случае не нужно указывать протокол и полный адрес. При создании ссылки, указывающей на Web-страницу, расположенную на том же сервере, что и первоначальный HTML-документ, можно использовать относительный URL-адрес. Например, тег <A HREF= economics.html > Экономика </A> описывает ссылку на страницу news.htm, находящуюся на том же сайте. Здесь атрибут HREF= economics.html задает относительный адрес.

До сих пор мы рассматривали ссылки формата <A HREF=”URL”>, указывающие на отдельные файлы или страницы. Можно организовать ссылку на помеченный фрагмент внутри данного документа. Для этого в адресе используется имя метки со знаком #. Так, тег <A HREF = "#index1"> Подробнее... </A> описывает переход к фрагменту, находящемуся на той же странице, и помеченному меткой "index1".

В более общем случае можно ссылаться на помеченные фрагменты внутри других документов, используя формат <A HREF=”URL#метка”>. Так можно ссылаться на отдельные участки других страниц своего сайта. Для размещения меток в документе используется второй тип тега гиперссылки <A NAME=”метка”>. Атрибут NAME= метка задает имя метки (якоря) в некоторой точке документа. Например, мы можем пометить некоторую область на странице с большим количеством текста как <A NAME=”part2”> Аннотация </A>,а затем организовать переход на нее из начальной области страницы с помощью тега <A HREF=”#part2”> Подробнее </A>.

Отметим, что тег <A NAME=”метка”> … </A> не создает гиперссылки, и помещенный внутри него текст никак не выделяется в браузере. При переходе на метку страница прокручивается так, чтобы отмеченный текст оказался в верхней области окна просмотра.

Вставим гиперссылки на страницы нашего сайта. Для облегчения чтения теги гиперссылок и меток выделены в HTML-тексте жирным шрифтом.

Для обеспечения возврата на домашнюю страницу вставим на нее ссылку на подчиненных страницах:

<A HREF="index.htm"> Добро пожаловать! </A>

Эти ссылки являются локальными, более того, мы предполагаем, что все наши страницы будут располагаться на сервере в одном каталоге, что позволяет вместо полного URL-адреса указать имя HTML-файла.

Теперь можно выполнить просмотр Домашней страницы в браузере и протестировать вставленные гиперссылки. При активизации ссылок на адрес электронной почты должно открыться окно создания сообщения почтовой программы, зарегистрированной в настройках браузера. Адрес, указанный в ссылке, появится в поле "Кому" (To:).

Для проверки работы внешней ссылки вставьте вместо несуществующего адреса партнеров ссылку на книжный Internet-магазин: http://www.ozon.ru.