HTML конструювання Для зміни розміру тексту існує кілька можливостей – це використання заголовків <h1>, …, <h6>, тегів <big> і <small>. У табл. 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.
