Элемент <div> – это универсальный контейнер без встроенного семантического значения. Он идеально подходит для группировки логически связанных элементов в одном блоке, чтобы потом оформить их с помощью CSS и разметки.
Как блочный элемент, <div> всегда начинается на новой строке и растягивается по всей доступной ширине. По умолчанию он не имеет внешних отступов, поэтому соседние элементы прилегают к нему сверху и снизу – но это легко исправить с помощью каскадных таблиц стилей.
Внутри <div> можно разместить любой другой HTML-элемент: <a>, <img>, <p>, а также целый блок другого <div> со всем его содержимым.
Атрибуты Тег <div> поддерживает стандартные атрибуты, такие как class, id, style и др., позволяя гибко управлять внешним видом и поведением.
Пример <div style="background:#ff0000;">Блок красного цвета</div><div style="text-align:center;">Выравниваем текст по центру</div>