Работа со шрифтами

Работа со шрифтами

Рассмотрим подробнее, как можно видоизменять отображение шрифта с помощью не только тегов <B> и <I>, но и других.

Для определения параметров шрифта, которым будет выводиться текст, служит парный тег <FONT>. Этот тег имеет дополнительные параметры, с помощью которых можно управлять внешним видом шрифта. Один из таких параметров – SIZE – задает размер шрифта. Создадим еще один файл – 2.htm и впишем в него содержимое листинга 8.2.

Листинг 8.2. Демонстрация шрифтов разных размеров

<HTML>

<HEAD>

<TITLE>Шрифты разных размеров</TITLE>

</HEAD>

<BODY>

<FONT SIZE="1">текст размера 1</FONT><BR>

<FONT SIZE="2">текст размера 2</FONT><BR>

<FONT SIZE="3">текст размера 3</FONT><BR>

<FONT SIZE="4">текст размера 4</FONT><BR>

<FONT SIZE="5">текст размера 5</FONT><BR>

<FONT SIZE="6">текст размера 6</FONT><BR>

<FONT SIZE="7">текст размера 7</FONT><BR>

</BODY>

</HTML>

В результате обработки этого HTML-кода браузером получим шрифты размером от 1 до 7, показанные на рис. 8.2. Из приведенного примера также становится ясно, каким образом задаются параметры тега: после его названия пишется параметр, а затем знак =, после которого в кавычках указывается значение этого параметра.

Рис. 8.2. Пример работы параметра SIZE тега FONT

Если нужно задать несколько параметров, то они отделяются друг от друга пробелом. Если первую строку после тега <BODY> привести к виду <FONT SIZE="1" FACE="COMIC SANS MS">текст размера 1</FONT> и то же самое сделать с остальными строками вплоть до шрифта с размером 7, то получится страница другого вида (рис. 8.3).

Рис. 8.3. Пример одновременного использования двух параметров – FACE и SIZE тега FONT

В рассмотренном примере использовался шрифт Comic Sans MS, однако на практике при создании веб-страниц чаще всего применяются следующие шрифты: Arial, Courier New, Comic Sans MS, Times New Roman и Verdana. Эти шрифты установлены на абсолютном большинстве компьютеров, поэтому их применение гарантирует, что конечный пользователь будет видеть созданную веб-страничку в том же виде, что и ее автор.

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

Таблица 8.1. Теги для задания эффектов, применяемых к шрифту

На рис. 8.4 можно увидеть, как выглядит действие перечисленных в табл. 8.1 тегов.

Рис. 8.4. Эффекты, применяемые к шрифтам, и теги, задающие их

Добавим, что можно применять несколько эффектов к одному и тому же тексту. Так, например, код <B><I>Текст</I></B> отобразит слово «Текст» наклонным полужирным шрифтом.

Более 800 000 книг и аудиокниг! 📚

Получи 2 месяца Литрес Подписки в подарок и наслаждайся неограниченным чтением

ПОЛУЧИТЬ ПОДАРОК

Данный текст является ознакомительным фрагментом.