6. Горизонтальные линии

Что бы дополнительно выделить на главной Web-странице index.htm цитату из Википедии, описывающую HTML существует специальное средство – горизонтальная линия, создаваемая с помощью одинарного тега <HR>:

<P>Я буду отделен от следующего абзаца горизонтальной линией.</P>

<HR>

<P>Я отделен от предыдущего абзаца горизонтальной линией.</P>

Горизонтальная линия HTML растягивается по горизонтали на всю ширину Web-страницы, имеет один-два пиксела в толщину и выпуклый или вдавленный вид (конкретные параметры зависят от Web-обозревателя). Она применяется для отделения одной части содержимого Web-страницы от другой и просто "для красоты".

Однако нужно помнить, что слишком большое число горизонтальных линий —дурной тон Web-дизайна.

Задание 8: Внесем в HTML-код страницы index.htm необходимые исправления (листинг 2.12).

7. Адреса

Часто на Web-страницах указывают контактные данные их создателей (почтовые и электронные адреса, телефоны, факсы и пр.). Для этого HTML предусматривает особый тег <ADDRESS>. Он ведет себя так же, как тег абзаца <P>, но его содержимое выводится курсивом:

<ADDRESS>Я — адрес создателя данной Web-страницы: почтовый, электронный, телефоны и факсы.</ADDRESS>

Задание 9: Добавьте на Web-страницу адрес главного корпуса РГСУ, e-mail и телефон.

8. Комментарии

Напоследок рассмотрим одну очень важную возможность HTML, которая, хоть и не касается напрямую Web-дизайна, но сильно поможет забывчивым Web-дизайнерам.

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

Текст комментария помещают между открывающим тегом <!-- и закрывающим тегом --> и обязательно отделяют от этих тегов пробелами. Как видим, теги комментария не укладываются в основное правило HTML: закрывающий тег должен иметь то же имя, что и открывающий. Открывающий и закрывающий теги комментария — разные!

Пример:

<!-- Я — комментарий. Меня не видно на Web-странице. -->

Задание 10: Добавьте в качестве комментария в код Web-страницы свои фамилию, имя и отчество.

9. Выделение фрагментов текста

Рассмотренные нами ранее теги <STRONG> и <EM> — это нечто большее, чем просто выделение текста. Они дают фрагменту текста, являющемуся их содержимым, особое значение с точки зрения Web-обозревателя. Они говорят, что данный фрагмент текста является важным, и на него следует обратить внимание посетителя. Тег <STRONG> делает фрагмент текста очень важным, а тег <EM> — менее важным (листинг 2.13).

Листинг 2.13

<P><STRONG>Я — очень важный текст и поэтому набран полужирным шрифтом!</STRONG> Прочитайте меня в первую очередь!</P>

<P><EM>А я — менее важный текст и набран курсивом. </EM> Не забудьте прочитать меня, но можете сделать это потом.</P>

HTML предусматривает для выделения текста довольно много тегов (табл. 2.1), имеющих две особенности:

• все они парные;

• служат для выделения частей текста блочных элементов (абзацев, заголовков, пунктов списков, текста фиксированного форматирования).

Таблица 2.1. Теги HTML, предназначенные для выделения фрагментов текста

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

Листинг 2.14

<P>Теги HTML служат для создания элементов Web-страниц. <STRONG>Соблюдайте порядок вложенности тегов!</STRONG></P>

<P>Тег <CODE>P</CODE> служит для создания <DFN>абзаца</DFN> HTML.</P>

<P>Язык <ABBR>HTML</ABBR> служит для создания <INS>содержимого</INS>

Web-страниц.</P>

<P>Наберите в Web-обозревателе интернет-адрес

<KBD>http://www.w3.org</KBD>.<P>

Из всех рассмотренных нами тегов чаще всего встречаются <STRONG> и <EM>. Остальные теги так и не снискали большой популярности среди Web-дизайнеров.

Задание 11: Откройте Web-страницу index.htm и выделите некоторые фрагменты ее текста с помощью тегов, перечисленных в табл. 2.1 (листинг 2.15).

Листинг 2.15