HTML и CSS
Уроки HTML Уроки CSS Уроки Bootstrap Уроки W3.CSS Уроки Цвета Уроки Иконки Уроки Графика Уроки SVG Уроки Canvas Уроки Как сделать Уроки SassJavaScript
Уроки JavaScript Уроки jQuery Уроки React Уроки AngularJS Уроки JSON Уроки AJAX Уроки W3.JSПрограммирование
Уроки Python Уроки Java Уроки C++Серверная сторона
Уроки SQL Уроки PHP Уроки ASP Уроки Node.js Уроки Raspberry PiВеб-строительство
Веб-шаблоны Веб-статистика Веб-сертификаты Веб-редактор Веб-разработкаHTML
HTML Справочник тегов HTML Справочник событий HTML Справочник цветов HTML Справочник атрибутов HTML Canvas Справочник HTML SVG Справочник HTML Наборы символов Google-карты СправочникCSS
CSS Справочник CSS Поддержка браузерами CSS Selector Справочник Bootstrap 3 Справочник Bootstrap 4 Справочник W3.CSS Справочник Иконки Справочник Sass СправочникJavaScript
JavaScript Справочник HTML DOM Справочник jQuery Справочник AngularJS Справочник W3.JS СправочникПрограммирование
Python Справочник Java СправочникСерверная сторона
SQL Справочник PHP Справочник ASP СправочникXML
XML Справочник XML Http Справочник XSLT Справочник XML Schema СправочникУпражнения
HTML Упражнения CSS Упражнения JavaScript Упражнения SQL Упражнения PHP Упражнения Python Упражнения jQuery Упражнения Bootstrap Упражнения Java Упражнения C++ УпражненияHTML Справочник
HTML Теги по алфавиту HTML Теги по категории HTML Атрибуты HTML Глобальные атрибуты HTML Атрибуты событий HTML Цвета HTML Canvas HTML Аудио/Видео HTML Наборы символов HTML Doctype HTML URL кодирование HTML Коды языков HTML Коды стран HTTP Сообщения HTTP Методы PX в EM Конвертер Горячие клавишиHTML Теги
<!--> <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdi> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <data> <datalist> <dd> <del> <details> <dfn> <dialog> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <h1> - <h6> <head> <header> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <label> <legend> <li> <link> <main> <map> <mark> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <picture> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <svg> <table> <tbody> <td> <template> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <track> <tt> <u> <ul> <var> <video> <wbr>HTML тег <div>
Пример
Раздел в документе, который будет иметь светло-синий цвет фона:
<div style="background-color:lightblue">
<h3>Это заголовок</h3>
<p>Это параграф.</p>
</div>
Попробуйте сами »
Определение и использование
Тег <div> определяет разделение или раздел (блок) в HTML документе.
Элемент <div> часто используется в качестве контейнера для других элементов HTML, чтобы стилизовать их с помощью CSS или выполнять определенные задачи с помощью JavaScript.
Поддержка браузерами
Элемент | |||||
---|---|---|---|---|---|
<div> | Yes | Yes | Yes | Yes | Yes |
Советы и примечания
Совет: Элемент <div> очень часто используется вместе с CSS, для разметки веб-страницы.
Примечание: По умолчанию браузеры всегда помещают разрыв строки до и после элемента <div>. Однако это можно изменить с помощью CSS.
Различия между HTML 4.01 и HTML5
Атрибут выравнивания (align) не поддерживается в HTML5.
Атрибуты
Атрибут | Значение | Описание |
---|---|---|
align | left right center justify |
Не поддерживается в HTML5. Определяет выравнивание содержимого внутри элемента <div> |
Глобальные атрибуты
Тег <div> также поддерживает Глобальные атрибуты в HTML.
Атрибуты событий
Тег <div> также поддерживает Атрибуты событий в HTML.
Связанные страницы
HTML учебник: HTML блоки
HTML учебник: HTML макеты
HTML DOM справочник: Объект Div
Настройки CSS по умолчанию
Большинство браузеров будут отображать элемент <div> со следующими значениями по умолчанию:
Ваше предложение:
Спасибо за Вашу помощь!
Ваше сообщение было отправлено в W3Schools.
Сайт работает на фреймворке W3.CSS.