Язык гипертекстовой разметки HTML

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

Тэги уровня блока и последовательные тэги

Некоторые HTML-тэги, которые могут появляться в разделе body, называют тэгами уровня блока (block level), в то время как другие последовательными (inline) тэгами или, называя по-другому, тэгами уровня текста (text level), хотя такое разделение тэгов по уровням в известной степени условно.

Различие уровней HTML-тэгов заключается в следующем: тэги уровня блока могут содержать последовательные тэги и другие тэги уровня блока, тогда как последовательные тэги содержат только данные и другие последовательные тэги. Блоковые тэги описывают более крупные структуры документов, по сравнению с последовательными тэгами.

По умолчанию тэги этих видов размещаются в тексте описания различным образом: тэги уровня блока начинаются с новой строки, в то время как последовательные — нет.

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

Для форматирования текста HTML-документов предусмотрен ряд тэгов, которые можно условно разделить на тэги логического и физического форматирования.

Физические стили

Под физическом стилем понимается прямое указание браузеру на модификацию текущего шрифта. Тэги физического форматирования определяют формат отображения указанного в них фрагмента текста в окне браузера.

Все, что находится между метками <b> и </b>, будет написано жирным шрифтом. В большинстве случаев рекомендуется вместо тэга <b> использовать тэг логического форматирования <strong>.

Это <b>полужирный</b> шрифт

Текст между тэгами <i> и </i> будет написан наклонным шрифтом. Для большинства случаев вместо этого тэга рекомендуется использовать тэги <em>, <dfn>, <var> или <cite>, поскольку последние лучше отражают назначение выделяемого текста.

Текст, размещенный между тэгами <tt> и </tt>, будет написан шрифтом, имитирующим пишущую машинку, то есть имеющим фиксированную ширину символа. Для большинства случаев вместо этого тэга лучше использовать тэги <code>, <samp> или <kbd>.

Тэг <u> отображает текст подчеркнутым. Отмененный тэг. Вместо него рекомендуется использовать тэги <strong> или <cite>.

Параметры шрифта

Тэг <font>… </font>, позволяет явно указать параметры шрифта для фрагмента страницы. Этот тэг имеет атрибуты face, который определяет имя шрифта, size – размер шрифта и color – цвет шрифта. Можно указать как один, так и несколько названий шрифтов, разделяя их запятыми. Список шрифтов просматривается слева направо. Если на компьютере пользователя нет шрифта, указанного в списке первым, то делается попытка найти следующий шрифт.

<font face="Verdana", "Arial", "Helvetica"> 
Этот текст написан заданным шрифтом 
</font>

Размер шрифта указывается в условных единицах от 1 до 7. Конкретный размер шрифта зависит от используемой программы просмотра. Принято считать, что размер обычного шрифта соответствует значению 3.

<font size="1">Размер 1</font><br />
<font size="3">Размер 3</font><br />
<font size="5">Размер 5</font><br />

Цвет шрифта может задаваться с помощью стандартных имен или в формате #RRGGBB.

Пример:

<font color="green">Зеленый</font> <br />
<font color="#FF0000">Красный</font>  <br />

Тэг <basefont> используется для указания размера, типа и цвета шрифта, используемого в документе по умолчанию. Эти значения обязательны для всего документа, однако могут в нужных местах переопределяться с помощью тэга <font>. После закрывающего тэга </font> действие тэга <basefont> восстанавливается. Значения параметров шрифтов, используемых по умолчанию, могут неоднократно переопределяться в документе, т. е. тэг <basefont> может появляться в документе любое количество раз. Для тэга <basefont> не существует закрывающего тэга. В качестве параметров могут использоваться те же параметры, что и для тэга <font>.

<basefont color = "green">

Назначение параметров шрифта непосредственно в тексте документа нарушает основную идею разделения содержательной части документа и описания формы представления документа. Поэтому в спецификации HTML 4.0 данный тэг, а также тэг <basefont> отнесены к отмененным. Их дальнейшее применение не рекомендуется.

Разделение текста на абзацы

Любой текст имеет определенную структуру, элементами которой являются заголовки, подзаголовки, таблицы, абзацы и др.

При создании документов с помощью текстовых редакторов разбиение на абзацы выполняется вводом символа перевода строки. Большинство редакторов реализует это при нажатии клавиши <Enter>. В HTML-документах символы перевода строки не приводят к образованию нового абзаца.

Тэги вида <hi> (где i — цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня — самый крупный, шестого уровня самый мелкий. Тэги заголовка являются элементами уровня блока, поэтому с помощью них нельзя размечать отдельные слова текста для увеличения их размера.

Пара тэгов <p> и </p> описывает абзац. Все, что заключено между ними, воспринимается как один абзац. Закрывающий тэг в HTML 4.0 </p> не обязателен, однако в XHTML его следует использовать.

Тэги <hi> и <p> могут содержать дополнительный атрибут align (табл. 2.2), например:

<h1 align="center">
Выравнивание заголовка по центру
</h1>
<p align="right">
Абзац с выравниванием по правому краю
</p>

Использование атрибута align в XHTML также не рекомендуется.

При отображении текстовых документов в браузере место переноса строки в пределах абзаца определяется автоматически в зависимости от размера шрифтов и размера окна просмотра. Перенос строки может осуществляться только по символам-разделителям слов (например, пробелам). Иногда в документах требуется задать принудительный перевод строки, реализующийся независимо от параметров настроек браузера. Тэг <br /> используется, если необходимо перейти на новую строку, не прерывая абзаца. В отличие от тега <p> … </p> этот тег не приводит к вертикальному отступу между строками.

Другим методом разделения документа на части является проведение горизонтальных линий. Они визуально подчеркивают законченность той или иной области страницы. Тэг <hr/> описывает горизонтальную линию между параграфами. Тэг может дополнительно включать ряд атрибутов (табл. 2.3).

Все перечисленные атрибуты тэга <hr/> в XHTML являются устаревшими. Пример:

<hr align="center" width="50%" noshade />

Бывают случаи, когда в HTML-документ необходимо включить текст, уже имеющий форматирование, выполненное традиционным способом при помощи символов перевода строки, необходимого количества пробелов, символов табуляции и т. д. Для решения таких задач предусмотрен специальный тэг-контейнер <pre>, определяющий предварительно форматированный (преформатированный) текст. Текст, размеченный тэгом <pre>, будет отображаться в таком виде, как он выглядит в обычном текстовом редакторе. Для отображения будет использоваться моноширинный шрифт. Пример:

<pre>
один
два
три
</pre>