Управление шрифтами

Для управления шрифтами в документе можно применить тэги – basefont и font (контейнер). Следует, однако, сразу отметить, что лучше размещать весь текст в контейнерах p, div, span и применять к ним стилевые утверждения языка CSS. Оба тэга могут применять атрибуты:

• size – установки размера,

• color – установки цвета и

• face – используемой (по возможности) гарнитуры.

Тэг basefont определяет базовый шрифт используемый далее по тексту после размещения тэга basefont. Внутри текста отображаемого базовым шрифтом можно размещать font- контейнеры, воздействующие локально на текст, размещаемый внутри контейнера.

Пример

<p>

<basefont size = 4> Установлен шрифт большего размера, чем обычный (обычный, по умолчанию равен 3)

<p>

<font size = +1> С этого момента размер шрифта равен 5……………

</font> Снова размер шрифта равен 4

Размеры шрифтов указываются в диапазоне от 1 до 7. Можно их указывать относительными величинами, как в примере выше. Цвета шрифтов (фона страницы, ячеек таблиц, рамок) можно указывать константами вида “#h…h” или названиями, например:

• Black = "#000000" (черный),

• Red = "#FF0000" (красный),

• Blue = "#0000FF" (синий),

• Olive = "#808000" (оливковый) и т.д.

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

Пример

<font face = “Arial, Helvetica” color = “Red”>

…………………………………..

</font>

Для шрифтов, в случае применения CSS-утверждений указываться могут, также, названия generic-семейств шрифтов: serif, sans-serif, cursive и др.

Физические текстовые стили

Применяемый текстовый стиль не зависит от настройки браузера и определяется возможностями применяемой гарнитуры (конкретного шрифта). Используемые контейнеры:

• b – полужирное начертание,

• i – курсив,

• u – подчеркивание,

• s – текст перечеркивается,

• sup – верхний индекс,

• sub – нижний индекс.

Пример

<b> Если требуется полужирное начертание, - надо применить тэг <b>…< /b >.

</b>

Данный фрагмент будет отображаться следующим образом:

Если требуется полужирное начертание, - надо применить тэг <b>…</b>.

Специальные символы

Знаки, которые отсутствуют в обычном наборе алфавитно-цифровых символов, такие как Æ, s и др. или такие, которые используются для кодирования html-документа, такие как <, >, “ и др. должны определяться в тексте документа по имени (&name;) или численным значением (&#nnn, где nnn – числовой код символа). Соответствующий пример был представлен выше. Некоторые из спецсимволов:

• " (или ") – кавычки,

• & (или &) – амперсанд,

• < (или <) – меньше чем,

• > (или >) – больше чем и др.

Графика

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

<img src = “имя графического файла”>

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

Пример

<p>

<img src = “ img1.gif” alt = “Выберите другой браузер или режим, чтобы увидеть графику!”>Щелкните на картинке и узнаете подробности. </p>

Высокое и слабое разрешения. Графические файлы могут быть очень большими и их передача по сети может занимать слишком много времени. Для смягчения ситуации в тэге img используют атрибут lowsrc, в котором используется графический файл с тем же изображением которое указано в тэге src, но низкого разрешения. Такие файлы невелики по объему и передаются вместе с документом, в которое они включены. После этого вдогонку передается файл высокого разрешения, который подменяет ранее принятую графику.

Пример

<img src = “clipHigh.gif” lowsrc = “clipLow.gif”>

Атрибуты размеров. Если в тэге не используются атрибуты, определяющие размер картинки (height, width), то она отображается в соответствии с ее текущими размерами. Если же используются атрибуты размеров, то изображение подгоняется под указанные значения параметров, что, в общем случае, может приводить к искажению изображения.

Пример

<img src = “img1.gif” width = 50 height = 60 >