Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное


Статьи

Основы HTML
Текст
Изображения
Ссылки
Списки
Таблицы
Формы
Фреймы
Основы CSS
Рецепты CSS
Оформление таблиц
Основы верстки
Табличная верстка
Верстка с помощью слоев
Использование слоев
Примеры верстки слоями

Размер текста

Для изменения размера текста существует несколько возможностей — это использование заголовков <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>




На главную









  • При использовании материалов сайта ссылка на comnew.ru обязательна!