Самоучитель HTML Справочник HTML Глобальные атрибуты События Типы элементов Таблица цветов Спецсимволы HTML
Теги HTML

HTML тег <div>

Поддержка браузерами

Описание

Элемент <div> является обычным контейнером для содержимого, который не несет в себе никакого семантического смысла. Он используется для группирования в одном блоке логически связанных между собой элементов с целью разметки и стилизации. Обычно его используют только тогда, когда никакой другой семантический элемент (article, section и т.д.) не является более целесообразным.

HTML тег <div> является блочным, его содержимое всегда начинается с новой строки и занимает всю доступную ширину, но отступов от других элементов он не имеет, то есть элементы, расположенные до и после него, будут вплотную прилегать сверху и снизу. Отступы легко можно отрегулировать с помощью каскадных таблиц стилей (CSS).

Содержимым тега <div> может быть любой другой элемент HTML: абзац, изображение, ссылка, другой блок с контентом (т.е. другой div вместе со всем своим содержимым).

Атрибуты

Тег <div> поддерживает Глобальные атрибуты и События

Стиль по умолчанию

div {
    display: block;
} 

Пример

<div style="background: #ff0000;">Блок красного цвета</div>
<div style="text-align: center;">Выравниваем текст по центру</div>

Результат данного примера в окне браузера:

Пример использования тега <div>
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011-2016 © puzzleweb.ru

Реклама на сайте | puzinfo@puzzleweb.ru