Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

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

Alex | 16.03.2014 | нет комментариев

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

Рис. 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>

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

Рис. 2

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

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий
БАЗА ЗНАНИЙ
СЛУЧАЙНАЯ СТАТЬЯ
СЛУЧАЙНЫЙ БЛОГ
СЛУЧАЙНЫЙ МОД
СЛУЧАЙНЫЙ СКИН
НОВЫЕ МОДЫ
НОВЫЕ СКИНЫ
НАКОПЛЕННЫЙ ОПЫТ
Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2017 © BB3x.ru - русская поддержка форума phpBB