С помощью тегов <P> и <BR> выделяются смысловые фрагменты в документе. Но иногда необходимо отчетливо показать границу между разделами, чтобы подчеркнуть жесткое разделение текста, это можно сделать с помощью горизонтальных линий.
Горизонтальная линия организуется с помощью тега <HR>.
Атрибуты тега <HR> определяют выравнивание линии по горизонтали, позволяют изобразить линии трехмерными или подавить иллюзию трехмерности, задать толщину и длину линии. Горизонтальные линии применяются для:
1. Разделения текстовых фрагментов. С помощью тонких линий можно несколько «разрыхлить» мелкий текст Web – страницы. После каждого тематического раздела вставляется линия, визуально разделяющая части текста. Этот же способ применяется для очень длинных Web – страниц с усыпляюще длинными последовательностями абзацев;
2. Выделения заголовков, сносок, ремарок автора;
3. Создания прямоугольников и квадратов. Путем подбора атрибутов SIZE и WIDTH горизонтальную линию можно превратить в прямоугольник или квадрат.
|
|
Пример:
<hr size=”4” width=”75%”>
Броузер изобразит горизонтальную линию толщиной 4 пикселя и шириной, составляющей 75% от ширины экрана броузера (рис. 2).
Рис. 2. Пример горизонтальной линии на web-странице
Задание 2
1. Откройте раздел «Форматирование текста» в файле справочника «Sprav_html.doc». Ознакомьтесь с атрибутами тега <HR>. Будьте готовы ответить на вопросы по правилам задания значений этих атрибутов.
2. В файле proekt.html создайте разделительные полосы между группами проектов домов (Проекты кирпичных домов, Проекты домов из газобетона и пенобетона, Проекты домов из бруса и бревна, Проекты каркасных домов).
3. Сохраните файл.