Пример 7. Html-документ с разрывами строк и разбивкой на абзацы
<html>
<head>
<title>Информационные технологии</title>
</head>
<body>
<H3> Пример разбивки текста на абзацы и разрыва строк </H3>
<P align=center> В истории развития цивилизации произошло несколько информационных революций. </P>
<P align=justify>П е р в а я революция <BR>
связана с изобретением письменности. Появилась возможность передачи знаний от поколения к поколениям.</P>
<P align=justify>В т о р а я (середина XVI в.) <BR> вызвана изобретением книгопечатания, которое радикально изменило индустриальное общество, культуру, организацию деятельности.</P>
<P align=justify>Т р е т ь я (конец XIx в.) <BR>
обусловлена изобретением электричества, благодаря которому появились телеграф, телефон, радио, позволяющие оперативно передавать и накапливать информацию в любом объеме.</P>
<P align=justify>Ч е т в е р т а я (70-е гг. XX в.) <BR>
связана с изобретением микропроцессорной технологии и появлением персонального компьютера.:</P>
</body>
</html>
В этом примере текст, следующий после заголовка, разбит на пять абзацев. Первый из них имеет выравнивание по центру (<P align=center>), остальные выравнены по ширине <P align=justify>. Внутри всех абзацев, кроме первого, имеются разрывы строк (тег <BR>). Обратите внимание на то, что в исходный текст между третьим и четвертым абзацами вставлена пустая строка, между остальными абзацами – нет. Кроме того, в третьем абзаце после тега <BR> нет перехода на новую строку. Все эти особенности никак не отразились на внешнем виде документа в окне броузера (см. рис. 8.6).
Рис. 8.6. HTML-документ с разбивкой на абзацы и разрывами строк
Разделительная горизонтальная линия
Тег горизонтальной линии <HR> может быть средством организации текста и дизайна. Этот тег можно использовать в любом месте основной части HTML-документа. Тег <HR> имеет следующие атрибуты:
SHADE , NOSHADE - тип линии (контурная или сплошная черная); по умолчанию (если атрибут не задан) устанавливается значение SHADE (контурная).
WIDTH – длина линии в процентах от ширины страницы.
ALIGN – выравнивание относительно страницы.
SIZE – толщина линии в пикселях.
Примеры разделительных линий в документе показаны на рис. 8.7, ниже приведен текст HTML-документа этого примера.
Рис. 8.7. Примеры горизонтальных разделительных линий
Пример 8. Html-документ с горизонтальными разделительными линиями
<HTML>
<HEAD>
<TITLE>Примеры горизонтальных линий</TITLE>
</HEAD>
<BODY>
<B> Сплошная линия длиной 50% толщиной 10, выровненная по центру:</B>
<HR NOSHADE WIDTH=50% SIZE=10 ALIGN=center><P>
<B>Контурная линия длиной 30% толщиной 5, выровненная по левому краю</B>
<HR WIDTH=30% ALIGN=left SIZE=5><P>
<B> Линия толщиной 25:</B>
<HR SIZE=25 NOSHADE><P>
<B> Линия толщиной, равной 1:</B>
<HR SIZE=1 NOSHADE><P>
</BODY>
</HTML>
8.7. Задание характеристик шрифта
С помощью тегов <BaseFont> и <Font> можно задать различное шрифтовое оформление текста документа.
Тег <BaseFont> определяет шрифт документа по умолчанию, тег <Font> позволяет задать шрифт для определенного фрагмента текста.
Атрибуты тегов <BaseFont> и <Font>
теги <BaseFont> и <Font> имеют следующие атрибуты:
Face=название шрифта тип шрифта
Size=целое число размер шрифта
Color=цвет цвет шрифта.
Под типом шрифта (Face) понимается его название, например, Arial или Courier New. Размер шрифта (Size) задается целым числом от 1 до 7, семь соответствует максимальному размеру. Кроме того, атрибут Size может быть задан относительно размера, определенного в теге <BaseFont>. Например, для увеличения размера шрифта на одну единицу относительно базового шрифта используется тег
<Font size=+1>
Аналогичным образом можно уменьшить размер шрифта относительно базового, например, на две единицы
<Font size= - 2>
Цвет шрифта (атрибут Color) является стандартным HTML-цветом (подробно о значениях цветов см. ниже в п. 8.12)
Можно задать несколько видов шрифтов, но использован будет первый, найденный на данном компьютере.