Для изменения размера текста существует несколько возможностей — это
использование заголовков <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
Transitional//EN">
<html>
<body>
Используя теги для
увеличения текста, можно добиться <big><big>больших</big></big> результатов.
</body>
</html> |
Используя теги для увеличения текста, можно добиться больших результатов. |
Среди перечисленных в таблице тегов преимущественно применяются теги <H1>, <H2> и <H3>. Они предназначены для создания заголовков к
разделам и показывают их относительную важность. Так, по умолчанию текст внутри
тега <H1> отображается в жирном начертании и
размером 24 пунктов. Содержимое тега <H2> уже имеет
размер 18 пунктов, а <H3> — 14 пунктов
(пример 2).
Пример 2. Применение тегов <H1>, <H2> и
<H3> |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<body>
<h1>Заголовок
1</h1>
<h2>Заголовок 1</h2>
<h3>Заголовок
1</h3>
</body>
</html> |