Форматирование текста
Форматирование текста
Для чего нужно форматирование? Попробуйте скопировать в «тело» документа произвольный текст и посмотрите на результат. Понравилось? Вся информация идет сплошным текстом: без заголовков, переносов, делений на абзацы и т. д. Чтобы сделать документ удобочитаемым и привести содержимое в порядок, следует прибегнуть к форматированию.
Заголовки и подзаголовки. Сначала необходимо определить заголовки. Язык HTML позволяет оперировать шестью разнообразными типами. Первый заголовок – самый главный, самый большой и жирный, а каждый последующий – поменьше и похилее.
Первый заголовок обозначается тегом <Н1>, второй – <Н2> и т. д. Пример заголовка третьего уровня:
<НЗ>Текст заголовка</НЗ>
Выравнивание абзацев. Операции с отдельными абзацами текста производятся с помощью тега <Р>:
<Р>текст абзаца</Р>
Абзацы можно выравнивать по центру страницы:
<Р ALIGN="CENTER">TЕKCT абзаца</Р>
а также по левому:
<Р ALIGN="LEFT">TЕKCT абзаца</Р>
по правому:
<Р ALIGN="RIGHT">TЕKCT абзаца</Р>
или по обоим краям:
<Р ALIGN="JUSTIFY">TЕKCT абзаца</Р>
Размер и стиль шрифта. Размер шрифта можно задавать с помощью тега <FONT>, изменяя его параметр SIZE. Чем больше значение этого параметра, тем больше размер символов текста:
<F0NT SIZE="+6">большой текст</FONT>
<F0NT SIZE="-2">маленький текст</FONT>
Стиль шрифта устанавливается с помощью следующих тегов:
<В>полужирный текст</В>
<I>курсивный текст</I>
<U>подчеркнутый текст</U>
Данные теги можно применять и в совокупности:
<i><u>курсивный и подчеркнутый текст</u></i>
Списки. Списки подразделяются на нумерованные и маркированные. Для создания нумерованного списка используются следующие теги:
<0L>
<LI>Первый элемент
<LI>Второй элемент
</0L>
Для организации маркированного списка применяется такая конструкция:
<UL>
<LI>Первый элемент
<LI>Второй элемент
</UL>
Списки можно вкладывать друг в друга для организации более сложных, вложенных списков:
<0L>
<LI>Первый элемент
<UL>
<LI>Первый элемент второго уровня
<LI>Второй элемент второго уровня
</UL>
<LI>Второй элемент
</0L>
Принудительный перенос. Для продолжения текста с новой строки существует тег <BR>:
…какой-то текст. <ВР>Этот текст уже с новой строки…
Теги <PRE></PRE> позволяют выводить предварительно отформатированный текст, с точностью до пробелов и переносов.
Попробуем объединить все, что мы узнали о форматировании текста.
<HTML>
<TITLE>
Примеры форматирования текста
</TITLE>
<B0DY>
<Н1>Заголовок 1</Н1>
<НЗ>Заголовок 3</Н3>
<Н5>Заголовок 5</Н5>
<Р ALIGN="CENTER><B>
Полужирный текст, выровненный по центру</В></Р>
<Р ALIGN="LEFT"><I>
Курсивный текст, выровненный по левому краю</I></Р>
<Р ALIGN="RIGHT" XU>
Подчеркнутый текст, выровненный по правому краю</u></Р>
<F0NT SIZE="+2">пример вложенного списка</FONT>
<0L>
<И>Элемент списка первого уровня
<UL>
<LI><F0NT SIZE="-1 «>первый элемент списка второго уровня; </F0NT>
<LI><F0NT SIZE="-1 «>второй элемент списка второго уровня. </F0NT>
</UL>
<LI>Элемент списка первого уровня
</0L>
</B0DY>
</HTML>
Теперь посмотрим на результат в браузере (рис. 6.1).
Рис. 6.1. Форматирование текста
Данный текст является ознакомительным фрагментом.