САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ
Внимание!!! Скоро выйдет новая весия УЧЕБНИК JAVASCRIPT

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> со следующими значениями по умолчанию:

Пример

div {
  display: block;
}
Попробуйте сами »