Работа со шрифтами
Работа со шрифтами
Рассмотрим подробнее, как можно видоизменять отображение шрифта с помощью не только тегов <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> отобразит слово «Текст» наклонным полужирным шрифтом.
Данный текст является ознакомительным фрагментом.