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

Влад Мержевич

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

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

Серед перерахованих в таблиці тегів переважно застосовуються теги <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=utf-8">
  <title>Заголовки</title>
 </head>
 <body> 
   <h1>Заголовок 1</h1>
   <h2>Заголовок 2</h2>
   <h3>Заголовок 3</h3>
 </body>
</html>

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

текст

Часті запитання