HTML: тег div
Тег <div>
– це елемент-контейнер у HTML, який використовується для групування інших елементів HTML та застосування до них стилів. Це елемент рівня блоку, що означає, що він займає всю ширину батьківського контейнера і створює новий рядок після нього.
Елемент <div>
не має семантичного значення, це просто контейнер для інших елементів. Наприклад, можна використовувати , <div>
щоб згрупувати набір <p>
елементів та застосувати до них загальний стиль.
Ви можете використовувати CSS для стилізації <div>
елемента, вибравши його за атрибутом class або id. Ви можете вказати будь-яке ім’я класу або ідентифікатора для свого div, наприклад, заголовок або нижній колонтитул, і використовувати цей клас або ідентифікатор в css для стилізації.
Ви також можете використовувати JavaScript для взаємодії з <div>
елементом. Наприклад, ви можете використовувати JavaScript для зміни вмісту <div>
елемента, а також для його приховування або відображення залежно від певних умов.
Ось приклад того, як <div>
елемент використовується в HTML:
<div id="container">
<p>This is some text inside the div element.</p>
<p>This is some more text inside the div element.</p>
</div>
У цьому прикладі <div>
елемент використовується для групування двох <p>
елементів разом, а атрибут id використовується для присвоєння div ідентифікатору «контейнера», який можна використовувати для вибору div у CSS або JavaScript.