Изменение шрифта


Изменение шрифта можно считать выделением. Сначала рассмотрим простые способы выделения:

<b> </b> текст заключенный между этими тэгами будет жирным
<i> </i> курсив
<tt> </tt> шрифт пишущей машинки
<b><i> </i></b> Если использовать комбинацию жирного и курсива получится жирный курсив

Все эти тэги можно вставлять прямо в текст абзаца, чтобы выделить какое-то слово курсивом, а какое-то жирным. Рассмотрим HTML-код последнего предложения:

<html>
<head>
<title>Краткое пособие по HTML</title>
</head>
<body bgcolor="#ffffff" text="#000000">

<h1 align="center">Изменение шрифта</h1>

<p align="center">
Все эти тэги можно вставлять прямо в текст абзаца, чтобы выделить какое-то слово <i>курсивом</i>, а какое-то <b>жирным</b>.
</p>

</body>
</html>

Иногда хочется как-то приукрасить нашу страницу и первое средство - это поменять шрифт в том или ином месте. Но нельзя забывать, что на Вашем компьютере один набор шрифтов, а у другого пользователя - другой, поэтому пользоваться нужно только стандартными шрифтами, которые есть на каждом компьютере: Times New Roman, Courier New, Helvetica, Impact, Arial Cyr и некоторые другие. Обратите внимание на то, что на данном сайте в заголовках использован шрифт "Courier New", а в абзацах - "Times New Roman" (кроме распечаток HTML-кодов).

Для смены шрифта используется оператор "font" (шрифт) c атрибутами:

face="Courier New" атрибут face задает лицо шрифта (форму символов), которым будет отображаться текст
color="#ffff00" цвет символов (здесь указан желтый)
size="4" размер символов, указывается в условных единицах

Попробуем теперь создать абзац с двумя кусками текста, написанными разными шрифтами. В первом шрифт будет "Times New Roman" размером "5" синего цвета, а во втором - "Impact" размером "4" бордового цвета. Чтобы они были не в одну строку, поставим тэг <br>. Посмотрим HTML-код:

<html>
<head>
<title>Краткое пособие по HTML</title>
</head>
<body bgcolor="#ffffff" text="#000000">

<h1 align="center">Изменение шрифта</h1>

<p align="center">
 <font face="Times New Roman" size="5" color="#000099">
     Текст, находящийся здесь, будет отображен шрифтом
     "Times New Roman" синего цвета размером "5"
 </font>
 <br>
 <font face="Impact" size="4" color="#770000">
     Текст, находящийся здесь, будет отображен шрифтом
     "Impact" бордового цвета размером "4"
 </font>
</p>

</body>
</html>

Посмотрим, что получится на экране:

ПРИМЕЧАНИЕ: Вы можете указывать только один атрибут, чтобы поменять только цвет, только размер или же только фому шрифта. Эту операцию можно проделывать как внутри абзаца (между тэгами <p> и </p>), так и внутри заголовка любого уровня (между тэгами </h1> и </h1>), как это сделано на данном сайте.

НАЗАД    ДАЛЬШЕ