Предварительное форматирование текста

 

Вэб-браузеры игнорируют пустые строки и избыточные пробелы внутри текста страницы. Дескриптор <PRE>; указывает браузеру сохранять в неприкосновенности пустые области текста страницы.

Браузер отображает подобный предварительно отформатированный текст с помощью моноширинных шрифтов. Что такое моноширинный шрифт?

Это шрифт, в котором под каждую букву отводится область одинакового размера. Поэтому, используя предварительное форматирование, удобно сразу пользоваться одним из моноширинных шрифтов, например Courier. Тогда сразу будет видно, как текст будет располагаться на экране в окне браузера.

При обработке тэга <PRE>;, браузер отображает текст, заключенный в этот тэг, точно так, как он набран - не удаляя избыточных пробелов и переносов. Следует помнить, что слишком длинные строки могут не уместиться в пределах окна.

Удобно пользоваться предварительным форматированием для создания простых таблиц.

Пример:

 

HTML-код: <pre> У попа была собака, Он ее любил, Она съела кусок мяса Он ее убил. </pre>

Отображение в браузере:   У попа была собака, Он ее любил, Она съела кусок мяса Он ее убил.

Выделение фрагментов текста

 

Для придания фрагменту текста смыслового значения очень удобно использовать средства изменения начертания шрифта.

Для выделения текста полужирным шрифтом используется тэг <B>; или <STRONG>;, для выделения курсивом - <I>; или <EM>;, для подчеркивания текста - <U>;, для зачеркивания текста - <STRIKE>;. Фрагменты полужирного или курсивного текста используют для ввода новых терминов, выражения важных мыслей. С подчеркиванием текста надо быть очень осторожным, т.к. в Интернете таким образом принято выделять гиперссылки.

Тэг <CENTER>; позволяет центрировать текст на странице по горизонтали. Это удобно для выделения наименований или заголовков.

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

Для преобразования текста в надстрочный индекс применяют тэг <SUP>, для подстрочного индекса - <SUB>. Эти тэги пригодятся при вводе математических текстов, химических формул, научных статей, построении сносок и т.д. Обычно индексы отображаются шрифтом меньшего размера по сравнению с основным. Это обстоятельство следует учитывать при выборе размера основного шрифта, т.к. при малом размере индексы могут быть просто не видны.

Пример:

 

HTML-код:   <p><strong>Жирный текст</strong></p> <p><em>Курсив</em></p> <p><u>Подчеркнутый текст</u></p> <p><strike>Зачеркнутый текст</strike></p> <center>Центрирование</center> <p><strong><em>Жирный курсив</em></strong></p> <p>Верхний <sup>индекс</sup></p> <p>Нижний <sub>индекс</sub></p>

Отображение в браузере:   Жирный текст Курсив Подчеркнутый текст Зачеркнутый текст Центрирование Жирный курсив Верхний индекс Нижний индекс

Выбор шрифта

 

Для изменения шрифта служит тэг <FONT>; с атрибутом FACE. Можно указывать шрифт по названию (Arial, Tahoma, Verdana) или типу(например, monospace). Желательно перечислить несколько имен шрифта, чтобы избежать ситуации, когда окажется, что требуемый шрифт не установлен у пользователя. Рекомендую "забить" хотя бы один из общепринятых шрифтов (например Arial). Не рекомендую на одной странице применять более 2-3 различных шрифтов, иначе страница будет смотреться непрофессионально.

Пример:

 

HTML-код:   <p><font face="Times New Roman, Arial">У попа была собака, ОН ЕЕ ЛЮБИЛ</p> <p><font face="Monotype Corsiva, Arial">Она съела кусок мяса, ОН ЕЕ УБИЛ</p>

Отображение в браузере:   У попа была собака, ОН ЕЕ ЛЮБИЛ Она съела кусок мяса, ОН ЕЕ УБИЛ