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

Примеры

HTML Результат

htmlCodes

<!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