Изменение шрифта можно считать выделением. Сначала рассмотрим простые способы выделения:
<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>), как это сделано на данном сайте.