Листинг 3. Разбивка на строки.
<HTML>
<HEAD>
<TITLE> Стихи </TITLE>
</HEAD>
<BODY>
Утром на работу еду, <BR>
Взял залез в карман соседу. <BR>
Думал – он интеллигент…<BR>
Руку вынул – перстня нет<BR>!
</BODY>
</HTML>
Здесь каждая строка стихотворения оканчивается тэгом <BR>.
Рисунок Форматирование текста в HTML достигается за счет использования специальных тэгов.
Следует сделать еще одно замечание HTML, помимо того, что игнорирует специальные символы форматирования, опускает и несколько подряд идущих пробелов, то есть если Вы хотите разрядить текст и вставите между словами несколько подряд идущих пробелов, например,
этот текст набран с разрядкой
то Web – браузер все равно выведет текст с одним пробелом между словами:
этот текст набран с разрядкой
Используя HTML вы не сможете создать текст, который будет выглядеть, как текст в модном журнале. Ситуацию усугубляет еще то обстоятельство, что такие операционные системы, как Windows, предоставляет пользователю изысканный набор шрифтов самого разнообразного начертания, а выбор базового шрифта оставляет за пользователем. К чему это приводит? Вы будете создавать свой HTML – документ, исходя из того, что в вашем Web – браузере он выводится шрифтом Arial, но на другом компьютере этот текст будет выведен другим шрифтом, например Times, потому что именно он выбран, как шрифт по умолчанию.
Но есть некоторые средства для того чтобы превратить HTML – документ в красивую страницу.
Борьба с ограничениями HTML
До известной степени все же можно управлять внешним видом выводимого текста. Для этого существует тэговая пара<FONT> </FONT>. У этого тэга есть несколько атрибутов.
Атрибут FAСE указывает, каким именно шрифтом следует вывести текст, расположенный внутри тэговой пары. Например:
<FONT FAСE=”Arial”> Этот текст необходимо вывести шрифтом Arial</FONT>
В данном примере мы указали Web – браузеру, что текст, заключенный внутри тэговой пары <FONT>, следует вывести, используя шрифт Arial. И Web – браузер именно так и поступит, если только на компьютере, на котором он запущен, установлен это шрифт. А если нет? В этом случае, текст будет выведен установленным по умолчанию шрифтом. В атрибуте FASE можно через запятую задать несколько шрифтов, тогда если не будет в наличии первого, то текст будет выведен вторым или последующим из списка, который установлен в системе:
<FONT FAСE=”Arial, Academy,Antigua”> Этот текст необходимо вывести шрифтом Arial или Academy или Antigua</FONT>
На практике создают Web – приложения, используя лишь самые распространенные шрифты, такие как Arial и Time New Roman.
У тэга <FONT> есть и другие атрибуты. Атрибут SIZE отвечает за размер символов выводимого текста. По умолчанию этот атрибут равен 3. Если атрибут указать большим числом размер шрифта увеличится, если меньшим – уменьшится.
<FONT SIZE =5> Крупный шрифт </FONT>
<FONT SIZE =3> Мелкий шрифт </FONT>
Применение тэга FONT SIZE
Цвета и цветовые триады
Еще один важный атрибут –COLOR, управляющий цветом выводимого текста.
Любой видимый нами цвет – есть смесь цветовых лучей спектра. В электронно-лучевых трубках любой цветовой оттенок получают путем смешения трех цветовых составляющих: красной, зеленой и синей. От интенсивности той или иной составляющей зависит итоговой оттенок. Например, если взять 100% красного луча, мешать его со 100% зеленного, то получится желтый цвет. Если смешать 100% всех трех составляющих, получиться белый цвет.
В атрибуте COLOR любой цвет устанавливается, как комбинация красной, зеленой и синей составляющей (red, green, blue – RGB). Однако указывается не процент того или иного цвета, содержащегося в комбинации, а некое число от 0 до 2555, которое характеризует процентное соотношение данного цвета в комбинации. Все числа указываются не в десятичном, а в шестнадцатеричном виде.
Шестнадцатеричное число, это число, составленное из десяти цифр (от 0 до 9) и шести первых литер латинского алфавита (A,B,C,D,E,F) например 12, 3E, 9F,AA,C2 и т.д. Атрибуту COLOR указывается цвет в виде триады: COLOR =#RGB, например:
<FONT COLOR=#FF0000>Красный цвет</FONT><BR>
<FONT COLOR=#00FF00>Зеленый цвет</FONT><BR>
<FONT COLOR=#0000FF>Синий цвет</FONT><BR>
<FONT COLOR=#С0С0С0>Серый цвет</FONT><BR>
Пример использования тэга COLOR.
Все атрибуты тэга <FONT> можно использовать одновременно, например:
<FONT Face = "Arial" COLOR=#00FF00 SIZE=15> крупный зеленый шрифт гарнитуры Arial</FONT>
Пример использования нескольких атрибутов <FONT>.
В рамках одного тэга можно использовать произвольное количество его атрибутов.
АБЗАЦ
Тэг начало абзаца <P> </P>. Используя этот тэг можно один абзац отделить от другого. В простейшей форме этот тэг идентичен тэгу <BR>.
Листинг Разбивка на абзацы.
<HTML>
<HEAD>
<TITLE> АБЗАЦЫ</TITLE>
</HEAD>
<BODY>
<P> « Там, где собираются мошенники, всегда есть и дураки; а если имеется достаточное количество дураков, они представляют собой более выгодный объект эксплуатации для мошенников.</P>
<P> Психология дурака стала вопросом, вполне достойным серьезного внимания мошенников. Вместо того, чтобы добиваться своей конечной выгоды, дурак действует так, что его образ действий в общем можно предсказать в такой же степени, как попытки крысы найти путь в лабиринте.</P>
<P>К счастью для нас, люди не бывают только дураками или только мошенниками».</P>
<P>Ноберт Винер «Кибернетика или управление и связь в животном и машине» </P>
</BODY>
</HTML>
Тэг <P> устанавливает интервал между абзацами, чего нет при использовании тэга <BR>.
Но точно также можно было бы структурировать этот текст, если использовать парный тэг <P> .</P>, а в тех местах, где стоит закрывающий .</P>, поставить тэг <BR>. Так зачем, же введен дополнительный тэг?
У тэга <P> имеется атрибут ALIGN, с помощью которого можно управлять форматированием текста внутри данного абзаца. Рассмотрим листинг
<HTML>
<HEAD>
<TITLE> АБЗАЦЫ</TITLE>
</HEAD>
<BODY>
<P ALIGN=LEFT><FONT SIZE =5> Текст, прижатый к левому полю</FONT></P>
<P ALIGN=CENTER> Текст, по центру</P>
<P ALIGN=RIGHT> Текст, прижатый к правому полю</P>
</BODY>
</HTML>
Рисунок иллюстрирует использование атрибута ALIGN.
Используя тэг FONT, можно несколько разнообразить внешний вид страницы, как это показано в листинге.
Листинг. Формирование текста и изменение его внешнего вида.
<HTML>
<HEAD>
<TITLE> АБЗАЦЫ</TITLE>
</HEAD>
<BODY>
<FONT COLOR=#FF0000 SIZE=7>
<P ALIGN=LEFT> Текст, прижатый к левому полю</P></FONT>
<FONT COLOR=#00FF00 SIZE=5>
<P ALIGN=CENTER> Текст, по центру</P></FONT>
<FONT COLOR=#0000FF SIZE=3>
<P ALIGN=RIGHT> Текст, прижатый к правому полю</P></FONT>
</BODY>
</HTML>
Различное форматирование вводимого текста.