Для изменения размера текста существует несколько возможностей — это
использование заголовков <H1>, ..., <H6>,
тегов <BIG> и <SMALL>.
В табл. 1 перечислены основные варианты с описанием и примером.
Табл. 1. Теги для изменения размера текста
Код HTML
Описание
Пример
<big>Текст</big>
Увеличивает размер шрифта
Текст
<small>Текст</small>
Уменьшает размер шрифта
Текст
<h1>Текст</h1>
Пишет текст в виде большого заголовка
Текст
<h6>Текст</h6>
Пишет текст в виде маленького заголовка
Текст
Кроме того, размер текста можно задавать с помощью CSS, устанавливая его
в пунктах, пикселах или других единицах. Существует еще один вариант —
создать текст в графической программе и добавить его на веб-страницу в виде
изображения.
Теги <BIG> и <SMALL> можно
повторять несколько раз подряд, тем самым увеличивая или уменьшая текст до
нужных размеров (пример 1).
Пример 1. Использование тега <BIG>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Текст</title>
</head>
<body>
<p>Используя теги для увеличения текста, можно добиться <big><big>больших</big></big>
результатов.</p>
</body>
</html>
Результат данного примера показан на рис. 1.
Рис. 1. Вид текста, оформленного с помощью тега <BIG>
Среди перечисленных в таблице тегов преимущественно применяются теги <H1>,
<H2> и <H3>. Они
предназначены для создания заголовков к разделам и показывают их относительную
важность. Так, по умолчанию текст внутри тега <H1>
отображается в жирном начертании и размером 24 пунктов. Содержимое тега <H2>
уже имеет размер 18 пунктов, а <H3> —
14 пунктов (пример 2).
Пример 2. Применение тегов <H1>, <H2> и <H3>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Заголовки</title>
</head>
<body>
<h1>Заголовок 1</h1>
<h2>Заголовок 2</h2>
<h3>Заголовок 3</h3>
</body>
</html>
Коментарии (1)
