Горизонтальная линия создаётся с помощью одинарного тега <hr>:
Пример:
<p>Я буду отделен от следующего абзаца горизонтальной линией.</p>
<hr>
<p>Я отделен от предыдущего абзаца горизонтальной линией</p>
Горизонтальная линия HTML растягивается по горизонтали на всю ширину Web-страницы, имеет один-два пиксела в толщину и выпуклый или вдавленный вид (конкретные параметры зависят от Web-обозревателя).
Она применяется для отделения одной части содержимого Web-страницы от другой и просто "для красоты". Однако нужно помнить, что слишком большое число горизонтальных линий — дурной тон Web-дизайна.
Больше о горизонтальных линиях рассказывать нечего. Так что внесем в HTML-код страницы index.htm необходимые исправления (листинг 2.13).
Листинг 2.13
<p>Приветствуем на нашем Web-сайте всех тех, кто занимается Web-дизайном!
Здесь вы сможете найти информацию обо всех интернет-технологиях, применяемых при создании Web-страниц. А именно, о языках HTML и CSS.</p>
<hr>
<p>Русская Википедия определяет термин HTML так:</p>
. . . . .
<p>Пожалуй, ни убавить, ни прибавить.</p>
<hr>
Отделенные между собой на странице темы, блоки, статьи и прочее, смотрится гораздо симпатичнее, чем все то-же, но на обычном белом фоне, отделенные только пробелами.
Комментарии
Комментарий — это фрагмент HTML-кода, который не выводится на Web-страницу и вообще не обрабатывается Web-обозревателем. Он служит для того, чтобы Web-дизайнер смог оставить текстовые заметки для себя или своих коллег.
Текст комментария помещают между открывающим тегом <!-- и закрывающим тегом --> и обязательно отделяют от этих тегов пробелами. Как видим, теги комментария не укладываются в основное правило HTML: закрывающий тег должен иметь то же имя, что и открывающий. Открывающий и закрывающий теги комментария — разные!
Пример:
<!-- Я - коментарий. Меня не видно на Web-странице. -->
Мы можем создать в HTML-коде наших Web-страниц комментарии, указывающие,что нам следует доработать. Хотя бы просто для практики:
<!-- Выделить важные фрагменты текста и доделать код примеров. -->
<!-- Создать Web-страницы, посвященные остальным тегам HTML. -->
Адреса
Часто на Web-страницах указывают контактные данные их создателей (почтовые и электронные адреса, телефоны, факсы и пр.). Для этого HTML предусматривает особый тег <address>. Он ведет себя так же, как тег абзаца <p>, но его содержимое выводится курсивом:
Пример:
<address> Я - адрес создателя данной Web-cтраницы: почтовый, электронный, телефоны и факсы. </address>