Блоки div
Теперь рассмотрим элемент div (div — от division, «раздел»). Он нужен, чтобы группировать другие элементы:
<div>
<h2>Я заголовок в блоке div!</h2>
<p>Я абзац в том же блоке div!</p>
</div>Хотя сам по себе элемент div не виден, он очень полезен, когда нужно применить один и тот же стиль ко всем вложенным в него элементам. Также можно применять отдельные стили и к самому элементу div. Что такое стили, мы пока не знаем, но узнаем об этом в курсе CSS.
Однако div только группирует элементы. У него нет собственного смысла: он не говорит, что его содержимое — это меню, статья или подвал страницы. В конце урока о продвинутых HTML-элементах мы познакомимся с элементами, которые тоже группируют содержимое, но вдобавок указывают, что это за часть страницы: header, nav, main, footer и section.
Задание
- 1
Создайте открывающий тег
<div>перед заголовкомh2с текстомОписание, а затем создайте закрывающий тег</div>после абзацаpс описанием домашней кошки. Не забудьте сделать отступ (пробелами или табуляцией) у элементов, которые теперь стали потомками элементаdiv. - 2
Создайте открывающий тег
<div>перед заголовкомh2с текстомФизиология, а затем создайте закрывающий тег</div>после абзацаp, который начинается словамиЭто сумеречное животное....