Розмір тексту

Для зміни розміру тексту існує кілька можливостей - це використання заголовків <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. Заголовки різного рівня на сторінці

Copyright що кредитують © www.htmlbook.ru