Визначення блочної моделі HTML тегів

Практикуємо визначати, до якої моделі відображення належать різні HTML-елементи: блочні або рядкові.

Визначення блочної моделі HTML тегів

У HTML елементи поділяються на блочні та рядкові. Блочні елементи займають новий рядок, а рядкові розташовуються в одному рядку з іншими елементами.

Блочні елементи: p, h1-h6, div, section та інші.
Рядкові елементи: b, i, a, span та інші.

📌 Завдання:

№1. Визначте, до якої моделі відноситься тег p.
№2. Визначте, до якої моделі відноситься тег b.
№3. Визначте, до якої моделі відноситься тег h2.
№4. Визначте, до якої моделі відноситься тег h3.
№5. Визначте, до якої моделі відноситься тег i.
№6. Визначте, до якої моделі відноситься тег a.

💡 Показати підказку

Подумайте, чи починає тег новий рядок, чи може розташовуватися поруч з іншими елементами.

✅ Показати відповідь

№1. p — блочний елемент.

№2. b — рядковий елемент.

№3. h2 — блочний елемент.

№4. h3 — блочний елемент.

№5. i — рядковий елемент.

№6. a — рядковий елемент.

❗ Важливо:

За замовчуванням ці правила задаються браузером. За допомогою CSS властивості display можна змінити поведінку будь-якого елемента.