У мові HTML (HyperText Markup Language або «Мова розмітки гіпертексту») передбачено шість спеціальних тегів для відображення заголовків різного рівня. Всі вони мають задані за замовчуванням параметри (розмір і накреслення шрифту, величини відступів від попереднього і наступного елементів і т.д.). Ця параметри можна перевизначити за допомогою інструкцій мови CSS (Cascading Style Sheets або «Каскадні таблиці стилів») і таким способом змінити зовнішній вигляд заголовків в тексті веб-сторінки.

Інструкція

Помістіть заголовки різних рівнів між відповідними відкриває і закриває тегами, якщо це ще не зроблено у вихідному коді веб-сторінки. Наприклад, найважливіший заголовок (перший рівень) повинен знаходитися між тегами

і

Тема першого рівня

Підзаголовок наступного за важливістю рівня слід помістити між тегами

і

і так далі. Останнім з передбачених рівнів є шостою -

і

Помістіть в заголовну частину вихідного коду (між тегами і ) Інструкцію, що повідомляє браузеру відвідувача, що в цьому місці розміщено опис стилів на мові CSS:

Впишіть між відкриває і закриває тегами style опису стилів для заголовків кожного рівня, зовнішній вигляд якого ви хочете змінити. Наприклад, якщо треба змінити тільки зовнішній вигляд заголовків першого рівня, то цей код може виглядати так:Тут h1 вказує, що опис у фігурних дужках відноситься до тегу h1 і називається «селектором». Параметр color задає колір тексту, параметр font-size - розмір шрифту, font-style зі значенням italic - похиле накреслення літер, font-weight зі значенням bold - жирний шрифт, margin-top - відступ зверху, margin-bottom - відступ знизу. Для заголовків другого рівня треба додати аналогічний блок з селектором h2 і т.д.

Використовуйте скорочений синтаксис, якщо рівнів треба описати досить багато. Наприклад, описи шрифтів можна помістити в один параметр, як і опис розмірів відступів. Зразок:У параметрі margin відступи треба вказувати за годинниковою стрілкою, починаючи з верхнього відступу, через пропуск (зверху справа знизу ліворуч).