Тег DIV

Элемент DIV является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить параметр class или id с именем селектора.

Как и при использовании других блочных элементов, содержимое тега DIV всегда начинается с новой строки. После него, также, добавляется перенос строки.

Синтаксис
<div>...</div>

Закрывающий тег
Обязателен.

Параметры
align — задаёт выравнивание содержимого тега DIV.
title — добавляет всплывающую подсказку к содержимому.

Пример 1. Использование тега DIV

<html>
<head>
<style>
.block1 {
width: 200px;
background: #ccc;
padding: 5px;
padding-right: 20px;
border: solid 1px black;
float: left }
.block2 {
width: 200px;
background: #fc0;
padding: 5px;
border: solid 1px black;
position: relative;
top: 40px;
left: -30px; }
</style>
</head>
<body>

<div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</div>
<div>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</div>

</body>
</html>


Описание параметров тега DIV

Параметр ALIGN

Описание
Выравнивание содержимого контейнера DIV по краю.

Синтаксис
<div align=left | center | right | justify>...</div>

Аргументы
left — выравнивание по левому краю;
center — выравнивание по центру;
right — выравнивание по правому краю;
justify — выравнивание по ширине (одновременно по правому и левому краю).

Значение по умолчанию
left

Аналог CSS
text-align

Пример 2. Выравнивание содержимого элемента

<html>
<body>
<div align=justify>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</div>
</body>
</html>


Параметр TITLE

Описание
Добавляет поясняющий текст к контейнеру DIV в виде всплывающей подсказки, которая отображается, когда курсор мыши задерживается на содержимом.

Синтаксис
<div title="текст">...</div>

Аргументы
Любая текстовая строка. Строка должна заключаться в двойные или одинарные кавычки.

Значение по умолчанию
Нет.

Пример 3. Создание всплывающей подсказки

<html>
<body>
<div title="Каноническая рыба">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</div>
</body>
</html>

Результат примера

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

Материал взят с сайта htmlbook.ru