HTML Тег <div>
Приклад
Розділ <div> у документі, стилізований за допомогою CSS:
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<div class="myDiv">
<h2>Це заголовок в елементі div</h2>
<p>Це деякий текст в елементі div.</p>
</div>
</body>
</html>
Спробуйте самі »
Більше прикладів "Спробуйте самі" нижче.
Визначення та використання
Тег <div> визначає межу або розділ у документі HTML.
Тег <div> використовується як контейнер для елементів HTML, який потім стилізується за допомогою CSS або оброблюється за допомогою JavaScript.
Тег <div> легко стилізувати за допомогою атрибута class або id.
У тег <div> можна помістити будь-який вміст!
Примітка: за умовчанням браузери завжди розміщують розрив рядка перед і після елемента <div>.
Підтримка браузерами
| Елемент | |||||
|---|---|---|---|---|---|
| <div> | Так | Так | Так | Так | Так |
Глобальні атрибути
Тег <div> також підтримує Глобальні атрибути в HTML.
Атрибути подій
Тег <div> також підтримує Атрибути подій в HTML.
Пов’язані сторінки
HTML підручник: HTML Блокові та вбудовані елементи
HTML підручник: HTML Макет
HTML DOM довідник: Об’єкт Div
CSS налаштування за замовчуванням
Більшість браузерів будуть відображати елемент <div> з наступними значеннями за замовчуванням:
