Что нового?
CybMas.Ru - Web online кибермастерская

Пройдите регистрацию, для использования стандартных возможностей проекта.

Kwork.ru - услуги фрилансеров от 500 руб.

HTML5|Урок Размер текста

TaLLeR43

Админы мастера
Сообщения
106
Реакции
0
Для изменения размера текста существует несколько возможностей — это использование заголовков <h1>, ..., <h6>, тегов <big> и <small>. В табл. 1 перечислены основные варианты с описанием и примером.

Табл. 1. Теги для изменения размера текста
Код HTMLОписаниеПример
<big>Текст</big>Увеличивает размер шрифтаТекст
<small>Текст</small>Уменьшает размер шрифтаТекст
<h1>Текст</h1>Пишет текст в виде большого заголовка

Текст​

<h6>Текст</h6>Пишет текст в виде маленького заголовка

Текст​

Кроме того, размер текста можно задавать с помощью CSS, устанавливая его в пунктах, пикселах или других единицах. Существует еще один вариант — создать текст в графической программе и добавить его на веб-страницу в виде изображения.

Теги <big> и <small> можно повторять несколько раз подряд, тем самым увеличивая или уменьшая текст до нужных размеров (пример 1).

Пример 1. Использование тега <big>

HTML:
<!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=utf-8">
<title>Текст</title>
</head>
<body>
 <p>Используя теги для увеличения текста, можно добиться
<big><big>больших</big></big> результатов.</p>
</body>
</html>

Результат данного примера показан на рис. 1.

Вид текста, оформленного с помощью тега <big>


Рис. 1. Вид текста, оформленного с помощью тега <big>

Среди перечисленных в таблице тегов преимущественно применяются теги <h1>, <h2> и <h3>. Они предназначены для создания заголовков к разделам и показывают их относительную важность. Так, по умолчанию текст внутри тега <h1> отображается в жирном начертании и размером 24 пунктов. Содержимое тега <h2> уже имеет размер 18 пунктов, а <h3> — 14 пунктов (пример 2).

Пример 2. Применение тегов <h1>, <h2> и <h3>

HTML:
<!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=utf-8">
<title>Заголовки</title>
</head>
<body>
<h1>Заголовок 1</h1>
<h2>Заголовок 2</h2>
<h3>Заголовок 3</h3>
</body>
</html>

Результат данного примера показан на рис. 2.

Заголовки разного уровня на странице


Рис. 2. Заголовки разного уровня на странице
 
Яндекс.Метрика
Сверху