Поиск

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

Текст — единственный объект Webстраницы, который не требует специального определения. Иными словами, произвольные символы интерпретируются по умолчанию как текстовые данные. Но для форматирования текста существует большое количество элементов. Большинство из них, кроме специальных, поддер живает стандартные атрибуты: id, class, lang, dir, title, style и атрибуты событий. Изначально в HTML было введено меньше возможностей для форматирования текста, чем в обычные текстовые редакторы. В результате авторам гипертексто вых документов приходилось прибегать к различным ухищрениям, чтобы при дать тексту заданный вид. Сейчас положение изменилось, но все дополнительные возможности осуществляются за счет применения таблиц стилей. Например, только с помощью свойства textindent можно задать величину отступа первой строки абзаца.

Форматировать текст можно и с помощью традиционных элементов: выделять фрагменты курсивом, полужирным, выбирать шрифт и т. д. Рассмотрим эти эле менты. Для них могут быть использованы стандартные атрибуты id, class, lang, dir, title, style, атрибуты событий, а также атрибуты, определяющие уникаль ные свойства определенных элементов.

<P></P>

Элемент абзаца (paragraph) — один из самых полезных. Он позволяет использо вать только начальный тег, так как следующий элемент Р обозначает не только начало следующего абзаца, но и конец предыдущего. В тех случаях, когда по смыс лу необходимо обозначить завершение абзаца, можно использовать и конечный тег. В некоторых случаях начальный тег удобно ставить в конце строки: он не только обозначит конец абзаца, но и выполнит функцию тега <BR> (разрыв строки).

Например:

<Р>Текст первого абзаца.
<Р>Текст второго абзаца.</р>
Текст третьего абзаца.<Р>

Вместе с элементом абзаца можно использовать атрибут выравнивания align:

  • align="left" — выравнивание по левому краю;
  • align="center" выравнивание по центру;
  • align=" r i g h t " — выравнивание по правому краю.

Для центрирования абзаца следует использовать такую конструкцию:

<Р align="center"> Текст абзаца

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

<BR>

Элемент, обеспечивающий принудительный переход на новую строку. Он имеет только начальный тег. В месте его размещения строка заканчивается, а оставший ся текст печатается с новой строки.

Атрибут clear позволяет выравнивать объекты (например, рисунки) относитель но текста, в котором использован элемент BR. Если элемент объекта содержит ат рибут align, то в расположенных рядом элементах BR должен присутствовать ат рибут clear, например:

<BR clear="right">

Значения атрибута:

  • попе — значение по умолчанию;
  • left — если объект выровнен влево;
  • right — если объект выровнен вправо;
  • all — для объекта, который может быть выровнен по любому краю.

Стандартные атрибуты: id, class, title, style.

<NOBR> </nobr>

Этот элемент по своему действию является прямой противоположностью преды дущего. Текст, заключенный между его тегами, будет выведен в одну строку. Если длинная строка не уместится на экране, для ее просмотра придется использовать горизонтальную полосу прокрутки.

<PRE> </pre>

Элемент для обозначения текста, отформатированного заранее (preformatted). Подразумевается, что текст будет выведен в том виде, в котором был подготовлен автором. Например, учитываются символы конца строки, появившиеся при набо ре текста в редакторе. Во всех других случаях броузер игнорирует эти символы. Возможен и обратный эффект: если пользователь введет текст как одну длинную строку, то она не будет разорвана броузером, а уйдет за край окна программы. В этом смысле элемент РВЕ работает так же, как элемент NOBR. По умолчанию для отформатированного заранее текста выбирается моноширинный шрифт. Этот элемент удобно использовать для показа листингов программ или для вывода текстовых документов, переформатирование которых может привести к искаже нию их смысла.

Элемент PRE позволяет набрать текст с использованием специальных символов форматирования, таких как «line feed» или «carriage return» (см. табл. 3.1 ниже). Теоретически можно представить ситуацию, когда разработчику Webстраницы потребуется показать, как создавали линии таблиц в далеком прошлом, когда тек стовый режим уже существовал, а символы псевдографики еще не были изобрете ны. В ход шли плюсы, восклицательные знаки и тире. В этом случае элемент PRE также окажется незаменим, хотя я не рекомендую поддаваться ностальгическим порывам: лучше сделать чернобелый рисунок формата GIF. Для этого элемента определен специальный атрибут, который позволяет задать ширину блока текста в символах:

Width= ЧИСЛОСИМВОЛОВ

Этот атрибут не поддерживается многими броузерами. Стандартные атрибуты:

id, class, lang, dir, title, style, атрибуты событий.
<CENTER> </center>

Элемент для центрирования текста, а точнее — любого содержимого. Этот элемент не является общеупотребительным. В тех случаях, когда это возможно, вместо пего в элементах текста используют атрибут align="center".

<B></B>

Выделение текста полужирным шрифтом. Очень популярный элемент. Исполь зование полужирного шрифта — прием, позаимствованный из текстовых редак торов.

<BIG></BIG>

Увеличение размера шрифта.

<SMALL> </small>

Уменьшение размера шрифта.

<I></I>

Выделение текста курсивом.

<STRIKE> </strike> или <S> </s>

Зачеркнутое начертание текста. В настоящее время элемент STRIKE заменяют бо лее простым в написании элементом S.

<U></u>

Подчеркнутое начертание текста.

<SUB> </sub>

Элемент, создающий эффект нижнего индекса (subscript).

<SUP> </sup>

Элемент, создающий эффект верхнего индекса (superscript). Действие двух последних элементов иллюстрирует фрагмент файла гипертекста Text.htm, показанный на рис. 3.1. Оба этих элемента обеспечивают уменьшение размера шрифта. Поэтому их можно использовать и для форматирования абзаца целиком, если надо, чтобы он был выведен мелким шрифтом.

<тт> </tt>

Элемент, обозначающий текст телетайпа (teletype). Его особенность заключается в том, что он обеспечивает использование моноширинного шрифта.

<INS> </ins> и <DEL> </del>

Эти элементы позволяют выделить текст, который надо обозначить как вставлен ный (элемент INS) или удаленный (элемент DEL). Визуально вставленный текст выделяется подчеркиванием, а удаленный — зачеркиванием.

Для указания источника изменений, то есть для документа, в котором находится данный фрагмент либо дано объяснение, почему в тексте появилась такая вставка, может быть использован атрибут:

cite="Адрес (URL)"

Для даты изменения тоже предусмотрен специальный атрибут:

datetime="/?ars"

В результате начальный тег может иметь такой вид:

datetime="20000426" cite="f lie :///C: /Pages/Дополнения. htm">
<BASEFONT>

Элемент, определяющий базовый (основной для всей страницы) размер шрифта. Внутри элемента необходимо указать атрибут:

З12е=базовый размер шрифта

Величина для этого атрибута может лежать в пределах от 1 до 7. По умолчанию используется величина 3. Установка, выполняемая этим элементом, имеет значе ние для элемента FONT (см. ниже), который позволяет задавать относительный раз мер шрифта. Другие атрибуты у этого элемента такие же, как и у элемента FONT.

<FONT> </font>

Определение типа, размера и цвета шрифта. Все эти характеристики определяют ся при помощи соответствующих атрибутов. Абсолютный размер шрифта задает ся атрибутом size (размер):

512е=абсолютный размер шрифта

Этот атрибут может принимать значения от 1 до 7. На рис. 3.2 показаны несколь ко образцов надписей, выполненных шрифтами разного размера.

Размер шрифта может также задаваться относительно базового:

size^+число
size^число

При назначении величины для этого атрибута надо учитывать величину базового размера. В сумме эти две величины должны соответствовать одному из абсолют ных размеров. Так, для базового размера, равного 3, относительный размер может находиться в пределах от 2 до +4. Если величина выходит за допустимый пре дел, то используется либо шрифт размера 7, либо шрифт размера 1. На рис. 3.3 пока заны надписи, выполненные шрифтами с заданным относительным размером. Для элемента FONT можно использовать атрибут цвета:

color="цвет"

Атрибут face (вид) позволяет задавать определенный шрифт или несколько шриф тов (через точку с запятой), например:

face="Arial; Verdana; Tahoma"

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

Элемент FONT может с успехом заменять элементы заголовка Н1...Н6. Для послед них, например, не предусмотрено задание цвета букв. Чтобы заголовок, создан ный на основе элемента FONT, хорошо смотрелся, этот элемент необходимо комби нировать с другими: CENTER, В, I, P и т. д.

Дополнительные атрибуты: id, class, lang, dir, title, style.

<BDO> </bdo>

Этот элемент позволяет изменять направление текста. Он используется совмест но с атрибутом dir, которому может быть присвоено одно из значений: LTR (слева направо) или RTL (справа налево). Например:

<BDO й!г="РТ1_">Направление текста можно изменить</Ьйо>
Табуляция, пробелы, переносы...

В табл. 3.1 приведены коды некоторых, по большей части невидимых в обычном режиме просмотра, символов. Ряд символов (таких как «line feed» или «carriage return») используется в текстовых редакторах для форматирования текста, а пользователь их не видит. Такие символы можно указывать внутри элемента PRE, где они будут выполнять свою функцию.

В тексте могут быть использованы символы мягкого переноса. Они показывают, где может быть закончена строка, но такие символы не учитываются при выпол нении операций поиска и сортировки. Если в месте расположения мягкого пере носа строка не заканчивается, символ переноса виден не будет. Это отличает мяг кий перенос от обычного дефиса, который виден всегда.

Интересен и символ пробела нулевой длины. Такие символы используются для скрытого разделения слов.

ПРИМЕЧАНИЕ Примеры форматирования текста записаны в файл Text.htm, который можно найти на прила- гаемой дискете.