Интернет – легко и просто!

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

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

Заголовки и подзаголовки. Сначала необходимо определить заголовки. Язык HTML позволяет оперировать шестью разнообразными типами. Первый заголовок – самый главный, самый большой и жирный, а каждый последующий – поменьше и похилее.

Первый заголовок обозначается тегом <Н1>, второй – <Н2> и т. д. Пример заголовка третьего уровня:

<НЗ>Текст заголовка

Выравнивание абзацев. Операции с отдельными абзацами текста производятся с помощью тега <Р>:

<Р>текст абзаца

Абзацы можно выравнивать по центру страницы:

<Р ALIGN="CENTER">TЕKCT абзаца

а также по левому:

<Р ALIGN="LEFT">TЕKCT абзаца

по правому:

<Р ALIGN="RIGHT">TЕKCT абзаца

или по обоим краям:

<Р ALIGN="JUSTIFY">TЕKCT абзаца

Размер и стиль шрифта. Размер шрифта можно задавать с помощью тега , изменяя его параметр SIZE. Чем больше значение этого параметра, тем больше размер символов текста:

большой текст

маленький текст

Стиль шрифта устанавливается с помощью следующих тегов:

<В>полужирный текст

курсивный текст

подчеркнутый текст

Данные теги можно применять и в совокупности:

курсивный и подчеркнутый текст

Списки. Списки подразделяются на нумерованные и маркированные. Для создания нумерованного списка используются следующие теги:

<0L>

Первый элемент

Второй элемент

Для организации маркированного списка применяется такая конструкция:

Первый элемент

Второй элемент

Списки можно вкладывать друг в друга для организации более сложных, вложенных списков:

<0L>

Первый элемент

Первый элемент второго уровня

Второй элемент второго уровня

Второй элемент

Принудительный перенос. Для продолжения текста с новой строки существует тег
:

…какой-то текст. <ВР>Этот текст уже с новой строки…

Теги

позволяют выводить предварительно отформатированный текст, с точностью до пробелов и переносов.

Попробуем объединить все, что мы узнали о форматировании текста.

Примеры форматирования текста

<Н1>Заголовок 1

<НЗ>Заголовок 3

<Н5>Заголовок 5

<Р ALIGN="CENTER>

Полужирный текст, выровненный по центру

<Р ALIGN="LEFT">

Курсивный текст, выровненный по левому краю

<Р ALIGN="RIGHT" XU>

Подчеркнутый текст, выровненный по правому краю

пример вложенного списка

<0L>

<И>Элемент списка первого уровня

второй элемент списка второго уровня.

Элемент списка первого уровня

Теперь посмотрим на результат в браузере (рис. 6.1).

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

Цвета

Помимо манипуляций с текстом, HTML позволяет изменять цвета элементов вебстраницы. Цвета в HTML обозначаются в шестнадцатеричном виде.

Для справки: если в десятичной системе каждая цифра числа находится в пределах от 0 до 9, то в шестнадцатеричной – от 0 до F (после 9 идет А, затем В, С, D, Е и F), то есть числу 16 соответствует F, a 17—10.

Так, белому цвету в HTML соответствует код FFFFFF, черному – 000000, а между ними находится более 16 млн других цветов.

Цвет фона устанавливается с помощью параметра BGCOLOR в обязательном теге . По умолчанию фон белый.

Чтобы установить, к примеру, оранжевый, необходимо ввести следующее:

Для изменения цвета шрифта во всем документе существует параметр TEXT все в том же теге .

Например, синий шрифт можно получить следующим образом:

Можно применять и оба параметра одновременно:

Если же цвет шрифта устанавливать во всем документе нет необходимости, а нужно, к примеру, выделить только несколько слов, то следует воспользоваться следующей конструкцией:

Текст

Ниже приведен список основных цветов. Более полный перечень можно найти в Интернете (или же получить нужный цвет «на ощупь").