Тег div

ОписВідкриваючий та закриваючий теги div використовуються для логічного виділення фрагменту (блоку) html-документа.
У сучасному сайтобудуванні використовуються як зручний контейнер для різних об'єктів, зовнішнєм оформленням яких можна легко керувати за допомогою CSS.
Синтаксис
<div>Вміст блоку</div>
Атрибутиtitle
Додає спливаючу підказку до вмісту блоку.
align
Вказує, яким чином вирівнювати вміст блоку. Може приймати наступні значення:

  1. left - вирівнювання по лівому краю (рядки тексту вирівнюються по лівому краю, а правий край залишається "рваним");

  2. right - вирівнювання по правому краю (рядки тексту вирівнюються по правому краю, а лівий залишається "рваним");

  3. center - вирівнювання по центру (рядки тексту поміщаються по центру блоку);

  4. justify - вирівнювання по ширині (браузер додає пропуски між словами, виходить одночасне вирівнювання по лівому та правому краю);

Приклад
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//UA" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Приклад тегу div</title>
<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">
Блок, з ідентифікатором mydiv оформлено за допомогою стилів. 
Зверніть увагу, що завдяки CSS ми:
- змінили зовнішність (зробили сірий фон та додали рамку);
- задали потрібне нам розташування блоку;
</div>
</body>
</html>

Тег div


(відкриється в новому вікні)
Часті помилки
ДодатковоНа практиці стилі CSS краще виносити в окремий файл, а між тегами вказувати тільки шлях до цього файлу.
По-перше, CSS в такому випадку кешується (отже під час наступного відвідування сторінка завантажиться швидше).
По-друге, можна вказати один CSS-файл для декількох html-документів (отже, якщо знадобиться змінити оформлення, це зробиться за допомогою всього одного файлу).

Тег div