Тег 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-документов. |