Размер контента
Для изменения размера контента существует несколько возможностей — это использование заголовков <H1>, ..., <H6>, тегов <BIG> и <SMALL>. В табл. 1 перечислены основные варианты с описанием и примером.
Код ШТМЛ | Описание | Пример |
---|---|---|
<big>контент</big> | Увеличивает размер шрифта | контент |
<small>контент</small> | Уменьшает размер шрифта | контент |
<h1>контент</h1> | Пишет контент в виде большого заголовка | контент |
<h6>контент</h6> | Пишет контент в виде маленького заголовка | контент |
Кроме того, размер контента можно задавать с помощью CSS (ЦСС), устанавливая его в пунктах, пикселах или других единицах. Существует еще один вариант — создать контент в графической программе и добавляем его на web-страницу в виде Имаги.
Теги <BIG> и <SMALL> можно повторять несколько раз подряд, тем самым увеличивая или уменьшая контент до нужных размеров (пример 1).
Пример 1. Использование тега <BIG>
<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.
Рис. 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=utf-8">
<title>Заголовки</title>
</head>
<body>
<h1>Заголовок 1</h1>
<h2>Заголовок 2</h2>
<h3>Заголовок 3</h3>
</body>
</html>
Результат данного примера показан на рис. 2.
Рис. 1. Заголовки разного уровня на странице
Статья опубликована: 04.09.2009 | Последнее обновление: 07.02.2009 |