Каждому HTML-элементу на странице соответствует прямоугольная область. Такие области называются боксами. Самые распространённые типы боксов — блочные и строчные.

Блочный бокс — это крупная неразрывная прямоугольная область на странице. По умолчанию блочным боксом обладают крупные поточные элементы:

Блочные боксы имеют следующие особенности:

1. До и после блочного бокса существует перенос строки.
2. Для блочных боксов можно задавать ширину, высоту, внутренние и внешние отступы.
3. Занимают всё доступное пространство по горизонтали.

Блочными боксами по умолчанию обладают такие теги как: <p>, <h1>, <h2>, <ul> и так далее.

Ещё один важный тег с блочным боксом — это тег <div>, который обозначает просто «блок» или «прямоугольный контейнер». Этот тег чаще всего используется для создания сеток.

Существуют и более сложные типы боксов, им будет посвящен второй блок части.