Онлайн учебники на TEPKA.ru

Учебник по HTML 4

       

Теги физического форматирования HTML текста

Приведем описание тегов физического форматирования. Часть из них не рекомендуется к использованию спецификацией HTML 4.0 по приведенным выше причинам. Некоторые теги отменены (deprecate) спецификацией HTML 4.0, однако они продолжают поддерживаться браузерами.

Тег <B>

Тег <B> отображает текст полужирным шрифтом. В большинстве случаев рекомендуется вместо тега <B> использовать тег логического форматирования <STRONG>. Например:

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

HTML текст

Рис. 1.2. Примеры физического форматирования текста (браузером Netscape)

Тег <I>

Тег <I> отображает текст курсивом. Для большинства случаев вместо этого тега рекомендуется использовать теги <EM>, <DFN>, <VAR> или <CITE>, поскольку последние лучше отражают назначение выделяемого текста. Например:

Выделение <I>курсивом</I>

Тег <TT>

Тег <TT> отображает текст моноширинным шрифтом. Для большинства случаев вместо этого тега лучше использовать теги <CODE>, <SAMP> или <KBD>. Пример:

Это <TT>моноширинный</TT> шрифт.

Тег <U>

Тег <U> отображает текст подчеркнутым. Отмененный тег. Вместо него рекомендуется использовать теги <STRONG> или <CITE>. Например:

Пример <U>подчеркивания</U> текста.

Теги <STRIKE> и <S>

Теги <STRIKE> и <S> отображают текст, перечеркнутый горизонтальной линией. Отмененный тег. Вместо него следует использовать тег <DEL>. Например:

Пример <STRIKE>зачеркнутого</STRIKE> текста.

В настоящее время тег <DEL> поддерживается не всеми браузерами, поэтому пока рекомендуется использовать <DEL> в сочетании с тегом <STRIKE>. А именно, внутрь тега-контейнера <DEL> можно вложить пару тегов

<STRIKE>...</STRIKE>.

Тег <BIG>

Тег <BIG> выводит текст шрифтом большего (чем непомеченная часть текста) размера. Вместо данного элемента лучше использовать <STRONG> или теги заголовков, например, <H3>. Большинство браузеров поддерживают вложенные теги <BIG>, однако использовать такой подход не рекомендуется. Например:

Шрифт <BIG>большего</BIG> размера.

Тег <SMALL>

Тег <SMALL> выводит текст шрифтом меньшего размера. Поскольку в HTML нет тега, противоположного по действию тегу <EM>, то для этих целей можно применять тег <SMALL>. Большинство браузеров поддерживают вложенные теги <SMALL>, однако использовать такой подход не рекомендуется. Например:

Шрифт <SMALL>меньшего</SMALL> размера.

Тег <SUB>

Тег <SUB> сдвигает текст ниже уровня строки и выводит его (если возможно) шрифтом меньшего размера. Удобно использовать для математических индексов. Например:

Пример шрифта для <SUB>нижнего</SUB> индекса.

Тег <SUP>

Тег <SUP> сдвигает текст выше уровня строки и выводит его (если возможно) шрифтом меньшего размера. Удобно использовать для задания степеней чисел в математике. Например:

Пример шрифта для <SUP>верхнего</SUP> индекса.

Тег <BLINK>

Тег <BLINK> отображает мигающий текст. Этот тег не входит в спецификацию HTML и поддерживается только браузером Netscape. Опытные разработчики крайне редко прибегают к использованию этого тега, поскольку наличие на странице мигающих символов раздражает многих пользователей.

Тег <SPAN>

Тег-контейнер <SPAN> является аналогом тега уровня блока <DIV>. Может использоваться в тех случаях, когда требуется отметить фрагмент текста для задания его свойств, и при этом не удается использовать никакой другой структурный тег форматирования.

Браузер Microsoft Internet Explorer дополнительно разрешает использование следующих параметров тега: DIR, DATAFLD, DATAFORMATAS, DATASRC. Описание параметров можно найти во второй части книги.

HTML текст

Рис. 1.3. Использование вложенных тегов форматирования текста

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

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

<P>

Это <I>курсив</I>.

<P>

А здесь текст <B><I>полужирный и курсивный</I></В>

Тег <FONT>

Тег <FONT> указывает параметры шрифта. Он относится к тегам физического форматирования уровня текста.

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

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

Тег <FONT> относится к последовательным элементам, поэтому не может включать в себя элементы уровня блока, например, <P> или <TABLE>.

Для тега могут задаваться следующие параметры: FACE, SIZE и COLOR. Заметим, что браузер Netscape допускает также использование двух дополнительных параметров: POINT-SIZE и WEIGHT, описание которых опускаем.

  • FACE

    Параметр FACE служит для указания типа шрифта, которым программа просмотра пользователя будет выводить текст (если такой шрифт имеется на компьютере). Значением данного параметра служит название шрифта, которое должно в точности совпадать с названием шрифта, имеющего у пользователя. Если такого шрифта не будет найдено, то данное указание будет проигнорировано и будет использован шрифт, установленный по умолчанию.

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

    Приведем пример использования параметра FACE:

    <HTML> <HEAD>

    <TITLE>Назначение шрифтов</TITLE>

    </HEAD>

    <BODY>

    Текст, записанный шрифтом по умолчанию.

    <BR>

    <FONT FACE="Verdana", "Arial", "Helvetica">

    Пример задания названия шрифта.

    </FONT>

    </BODY>

    </HTML>

    На рис. 1.4 показано отображение примера браузером Netscape. В примере в качестве предпочитаемого указывается шрифт Verdana, при его отсутствии будет использован шрифт Arial и т. д.

HTML текст

Рис. 1.4. Отображение примера браузером Netscape

 

  • SIZE

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

Настройки размеров шрифта, используемых по умолчанию, а также величины абсолютного изменения размеров шрифта, зависят от браузеров. На рис. 1.5 показано окно настройки браузера Netscape, в котором задаются шрифты, используемые по умолчанию.

Размер шрифта указывается как абсолютной величиной (SIZE=2), так и относительной (SIZE=+1). Последний способ часто используется в сочетании с заданием базового размера шрифта с помощью тега <BASEFONT>.

Примечание

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

Приведем пример, в котором использованы различные способы назначения размеров шрифтов. Отображение примера показано на рис. 1.6.

HTML текст

Рис. 1.5. Окно настройки параметров шрифтов браузера Netscape

HTML текст

Рис. 1.6. Назначение размеров шрифтов

<HTML>

<HEAD>

<TITLE>Назначение размеров шрифтов</TITLE>

</HEAD>

<BODY>

<FONT SIZE=1>Шрифт размера 1</FONT><BR>

<FONT SIZE=-1>Шрифт размера 2</FONT><BR>

<FONT SIZE=3>Шрифт размера 3</FONT><BR>

<FONT SIZE=4>Шрифт размера 4</FONT><BR>

<FONT SIZE=5>Шрифт размера 5</FONT><BR>

<FONT SIZE=+3>Шрифт размера 6</FONT><BR>

<FONT SIZE=7>Шрифт размера 7</FONT><BR>

</BODY>

</HTML>

 

  • COLOR

    Этот параметр устанавливает цвет шрифта, который может задаваться с помощью стандартных имен или в формате #RRGGBB. Приведем пример документа с разноцветным текстом.

    <HTML>

    <HEAD>

    <TITLE>Выбор цвета шрифта</TITLE>

    </HEAD>

    <BODY>

    <FONT COLOR=green>Текст зеленого цвета</FONT><BR>

    <FONT COLOR=#FF0000>Текст красного цвета</FONT><BR>

    </BODY>

    </HTML>

Тег <BASEFONT>

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

Примечание

Тег <BASEFONT> может появляться также и в разделе <HEAD> документа.

Заметим, что для тега <BASEFONT> не существует закрывающего тега.

В качестве параметров могут использоваться точно такие же параметры, что и для тега <FONT>, а именно: FACE, SIZE и COLOR. Назначение и правила записи параметров аналогичны.

Примечание

Браузер Netscape не допускает применение параметра FACE тега <BASEFONT>.

Приведем пример использования тега <BASEFONT>.

<HTML>

<HEAD>

<TITLE>Назначение размеров шрифтов</TITLE>

</HEAD>

<BODY>

Текст, записанный шрифтом по умолчанию.

<BASEFONT SIZE=2> <P>

Шрифт размера 2.

<BASEFONT SIZE=4>

<P>

Шрифт размера 4.

<P>

    <TABLE BORDER=1>

    <TR>

    <TD>Текст внутри ячейки таблицы</TD>

    </TR>

    </TABLE>

<P> Текст после таблицы

</BODY>

</HTML>

В приведенном примере дважды переопределяется размер шрифта, используемого по умолчанию. Изначально он равен 3 (по умолчанию). Затем устанавливается равным 2, далее — 4. Обратите внимание на отображение данного примера (рис. 1.7). Видно, что для таблиц назначение тега <BASEFONT> не действует. Это характерно для многих браузеров, хотя формально нарушает идею применения тега.

HTML текст

Рис. 1.7. Отображение примера с тегом <BASEFONT> (браузером Netscape)

Рейтинг@Mail.ru