Форматирование текста

Форматирование текста

Для чего нужно форматирование? Попробуйте скопировать в «тело» документа произвольный текст и посмотрите на результат. Понравилось? Вся информация идет сплошным текстом: без заголовков, переносов, делений на абзацы и т. д. Чтобы сделать документ удобочитаемым и привести содержимое в порядок, следует прибегнуть к форматированию.

Заголовки и подзаголовки. Сначала необходимо определить заголовки. Язык 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. Форматирование текста

Более 800 000 книг и аудиокниг! 📚

Получи 2 месяца Литрес Подписки в подарок и наслаждайся неограниченным чтением

ПОЛУЧИТЬ ПОДАРОК

Данный текст является ознакомительным фрагментом.