Тег div
| Описание | Открывающий и закрывающий теги div используются для логического выделения фрагмента (блока) html-документа. В современном сайтостроении используются как удобный контейнер для различных объектов, внешним оформлением которого можно легко управляеть с помощью CSS. |
|---|---|
| Синтаксис |
<div>Содержимое блока</div> |
| Атрибуты |
title Добавляет всплывающую подсказку к содержимому блока. align Указывает, каким образом выравнивать содержимое блока. Может принимать следующие значения:
|
| Пример |
<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-документов. |
