Открывающий и закрывающий теги div используются для логического выделения фрагмента (блока) html-документа. В современном сайтостроении используются как удобный контейнер для различных объектов, внешним оформлением которого можно легко управляеть с помощью CSS.
Синтаксис
<div>Содержимое блока</div>
Атрибуты
title Добавляет всплывающую подсказку к содержимому блока. align Указывает, каким образом выравнивать содержимое блока. Может принимать следующие значения:
left – выравнивание по левому краю (содержимое блока равняется по левому краю, а правый край располагается "лесенкой")
right – выравнивание по правому краю (содержимое блока равняется по правому краю, а левый остается "рваным")
center – выравнивание по центру (содержимое блока помещается по центру)
justify – выравнивание по ширине (содержимое блока одновременно выравнивается по левому и правому краю)
Пример
<html><head><style type="text/css">#mydiv {
width: 250px;
background:#ddd;
padding: 5px;
border: solid 1px black;
position: absolute;
top: 20px;
left: 100px;
}
</style><head><body><div id="mydiv">Блок оформлен с помощью CSS.
Внутри блока можно размещать не только текст, но и графику, скрипты, элементы мультимедиа и т.д.
Обратите внимание, что в заголовке (head) указаны стили для блока с идентификатором "mydiv".
Стилями определен цвет, рамка и расположение блока.
</div></body></html>
(откроется в новом окне)
Частые ошибки
Примечания
На практике стили CSS лучше выносить в отдельный файл, а между тегами указывать только путь к этому файлу. Во-первых, CSS в таком случае кешируется (следовательно при следующем посещении страница загружается бвстрее). Во-вторых, можно указать один CSS-файл для нескольких html-документов.
