HTML :: Тег <div>
В HTML тег <div> (от англ. division – раздел) представляет собой универсальный блочный контейнер, который применяется для группировки или изменения внешнего вида целых блоков веб-документа, для которых применение тегов с каким-то логическим смыслом нецелесообразно. Свое содержимое элемент <div> никак не изменяет, но легко объединяется со стилями CSS через атрибуты style, class или id, позволяя стилизовать его нужным образом.
Синтаксис
<div>
...
</div>
Закрывающий тег: обязателен.
Атрибуты
Для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.
Ссылки
Официальный сайт W3C: https://html.spec.whatwg.org/multipage/grouping-content.html#the-div-element
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/div
Примеры
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример №1</title> </head> <body> <!-- Оба абзаца будут иметь одинаковый фон и ширину --> <div style="background-color: yellow; width: 500px"> <p style="color: blue"> Первый абзац с шрифтом синего цвета. </p> <p style="color: red"> Второй абзац с шрифтом красного цвета. </p> </div> </body> </html>
Пример №1