Размер текста
Для изменения размера текста существует несколько возможностей — это использование заголовков <H1>, ..., <H6>, тегов <BIG> и <SMALL>. В табл. 1 перечислены основные варианты с описанием и примером.
| Код HTML | Описание | Пример |
|---|---|---|
| <big>Текст</big> | Увеличивает размер шрифта | Текст |
| <small>Текст</small> | Уменьшает размер шрифта | Текст |
| <h1>Текст</h1> | Пишет текст в виде большого заголовка | Текст |
| <h6>Текст</h6> | Пишет текст в виде маленького заголовка | Текст |
Кроме того, размер текста можно задавать с помощью CSS, устанавливая его в пунктах, пикселах или других единицах. Существует еще один вариант — создать текст в графической программе и добавить его на веб-страницу в виде изображения.
Теги <BIG> и <SMALL> можно повторять несколько раз подряд, тем самым увеличивая или уменьшая текст до нужных размеров (пример 1).
Пример 1. Использование тега <BIG>
<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>
<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>
Результат данного примера показан на рис. 2.
Рис. 1. Заголовки разного уровня на странице
| Статья опубликована: 04.09.2005 | Последнее обновление: 07.02.2008 |
Прежде, чем писать комментарий к статье, примите во внимание следующие моменты.
- Не задавайте вопросы в комментариях, для этой цели предназначен форум, где вы получите нужную помощь.
- Удаляются любые комментарии, которые:
- включают множество ошибок;
- написаны безграмотно;
- не имеют отношения к данной статье;
- не содержат никакой полезной информации для посетителей.
- Для выделения отдельных слов используйте следующие команды: [b]жирный[/b], [i]курсив[/i], [color=цвет]цветной текст[/color], [tag]тег[/tag], [var]параметр[/var], [code]пример[/code].
- Потренироваться в написании комментариев вы можете в песочнице.
Комментарии к статье
Евгений
23.09.2007
Задавал и с помощью font, и с помощью css, в пунктах, в пикселах и в процентах - не помогает.
На предполагаемой странице немного информации, поэтому важно сделать так, чтобы она занимала все доступное пространство. Но то, что отлично смотрится на одном компе, на другом слишком мелко (или же, наоборот, слишком крупно).
Заранее спасибо за ответ.
Кед
14.10.2007
могут иметь место разные настройки того-же браузера, или ОС в целом.
А если вы используете таблицу стилей, то возможно, что она грузится
из кеша "в старой версии". Хотя это встречается не так часто.
Попробуйте дать ей другое имя.
Влад Мержевич
15.10.2007