Тег для создания блооков <div>

Тег <div>

назначение тега <div>
назначение тега <div>
Тег <div> используется для создания различных контейнеров на сайте с целью придания внешнего вида различным блокам содержимого. Например когда нужно создать новый блок в боковой колонке, то содержимое оборачивается в тег <div>, а ему в таблице стилей присваивается класс или идентификатор для стилей.

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

Пример создания блоков <div>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Заголовок страницы</title>
</head>
<body>
<article>

<div class="block1">
Самому блоку в данном случае в таблице стилей stile.css
присваивается класс block1. Запись в таблице стилей
должна начинаться с точки, примерно так
.block1 {padding:10px ;margin:5px; width:220px; color:#778899;
background-color:#fff ; border-radius:10px;}
Как видно в стиле указаны отступы 10px и 5px, ширина 220px,
цвет текста #778899, фон #fff, и скругление углов 10px.
</div>

<div id="block2">
Так же стили для контейнера можно указать
с помощью идентификатора. Тогда запись
в таблице стилей будет начинаться с символа решотки #
#block2 {padding:20px ;margin:0px; width:640px;
color:#778899; background-color:#DCDCDC;}
</div>

</article>
</body>
</html>

Этот домен продается здесь: telderi.ru, и еще много других