Горизонтальные линии на HTML – странице

С помощью тегов <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. Сохраните файл.

Дата добавления: 2015-07-26; просмотров: 202; Нарушение авторских прав

Мы поможем в написании ваших работ!