• Теория
  • Теория

Блочные боксы

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

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

Блочные типы боксов

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

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

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

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

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

Хотите начать карьеру веб-разработчика? Записывайтесь на профессию «Фронтенд-разработчик», которая стартует 15 апреля 2024. Всего от 4130 ₽в месяц.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Блочная модель документа» тренажёра «Боксовая модель и позиционирование» можно после регистрации и оформления подписки.