Текст – единственный объект Web-страницы, который не требует специального определения. Иными словами, произвольные символы интерпретируются по молчанию как текстовые данные. Но для форматирования текста существует большое количество элементов: выделение фрагментов курсивом, полужирным, выбирать шрифт и т.д.
Заголовки <Нn>…</Нn>,
Чтобы объявить выбранный абзац заголовком (тем самым задав для него более крупный и жирный шрифт, чем для остального текста), достаточно заключить его в контейнер <Нn>…</Нn>, где n – размер шрифта. В стандарте определено 6 уровней заголовков: от 1 до 6. Текст, окруженный тегами <Н1></Н1>, получается большим — это основной заголовок. Если текст окружен тегами <Н2></Н2>, то он выглядит несколько меньше (подзаголовок); текст внутри <НЗ></НЗ> еще меньше и так далее до <Н6></Н6>. Некоторые программы позволяют использовать большее число заголовков, однако реально более трех уровней встречается редко, а более 5 — крайне редко.
Пример:
<H1>Заголовок 1</H1> <H2>Заголовок 2</H2>
На экране браузера будет выглядеть:
Выравнивание заголовков, если не указано, дается по левому краю. Если же нужно задать выравнивание заголовка, необходимо использовать атрибут align (горизонтальное выравнивание, который имеет следующие значения:
align=left – выравнивание по левому краю;
align=right – выравнивание по правому краю;
align=center – выравнивание по центру;
align=justify – выравнивание по ширине.
Предположим, что нам нужно задать подзаголовок и выровнять его по центру:
<H2 align=center>Подзаголовок (H2) по центру</H2>
Абзац <P>…</P>
Элемент абзаца (paragraph) – один из самых полезных, применяется для разделения текста на параграфы. Он позволяет использовать только начальный тег, так как следующий элемент Р обозначает не только начало следующего абзаца, но и конец предыдущего.
Браузер использует для отделения одного абзаца от другого пустую строку.
В тех случаях, когда по смыслу необходимо обозначить завершение абзаца, можно использовать и конечный тег. В некоторых случаях начальных тег удобно ставить в конце строки: он не только обозначит конец абзаца, но и выполнит функцию разрыва строки.
Например:
<P>Текст первого абзаца.
<P>Текст второго абзаца</P>
Текст третьего абзаца. <P>
Браузер выполняет команду<P> следующим образом:
! перед абзацем выводится пустая строка,
! абзац выравнивается по левому краю,
! между словами помещается ровно по одному пробелу, независимо от того, сколько пробелов проставлено в HTML-коде,
! перенос текста на новую строку происходит тогда, когда очередное слово не помещается в экранной строке, а не тогда, когда новая строка начинается в HTML-программе.
Вместе с элементом абзаца можно использовать атрибут выравнивания align:
align=left – выравнивание по левому краю. По умолчанию текст HTML выравнивается по левому краю и не выравнивается по правому, то есть начало строк находится на одном уровне по вертикали, а концы — на разных. Чаще всего, получающийся при этом текст с равными промежутками между словами выглядит лучше. Поскольку выравнивание по левому краю задается автоматически, атрибут аlign=left можно опустить.
align=right – выравнивание по правому краю;
align=center – выравнивание по центру;
align=justify – выравнивание по ширине.
Например, для форматирования абзаца по ширине следует использовать такую конструкцию:
<P align=right>Текст абзаца выровнен по правому краю
Абзацы форматируются браузером, и их вид зависит, в частности, от размера окна программы. Три следующих элемента позволяют внести некоторую определенность в формат абзаца.
Обрыв строки <BR>
Элемент обеспечивает принудительный переход на новую строку. Он имеет только начальный тег. Отличие тега <BR> от тега <P> состоит в том, что браузер не создает пустой строки между строками.
Элемент разметки <NOВR>
Тег <NОВR>(Nо Вrеаk, без обрыва) дает браузеру команду отображать весь текст в одной строке, не обрывая ее. Если текст, заключенный в теги <NОВR>, не поместится на экране, браузер добавит в нижней части окна документа горизонтальную полосу прокрутки. Если вы хотите оборвать строку в определенном месте, поставьте там тег <ВR>.
Авторское форматирование <PRE>…</PRE>
Элемент для обозначения текста, отформатированного заранее (preformatted). Подразумевается, что текст будет выведен в том виде, в котором он записан в HTML-коде – со всеми пробелами и концами строк. Этот удобно при показе сложных страниц. Пример:
Код страницы будет выглядеть так:
<CENTER></CENTER>
Элемент для центрирования текста, а точнее – любого содержимого. Этот элемент не является общеупотребительным. В тех случаях, когда это возможно, вместо него в элементах текста используют атрибут align=center.
