«Единственный способ творить великие дела – это любить то, что ты делаешь»
HTML



Далее на странице



Тег <div> является блочным элементом и используется для выделения и преобразования фрагмента страницы.

Можно сказать, что элемент/ы страницы помещается в некий контейнер - блок, вид содержимого которого меняется с помощью стилей.

Cтили задаются с помощью тега <style>

О блочных и строчных элементах (подробнее здесь...).

Тег <div> также можно использовать для форматирования текста - вместо тега <p>. При этом между абзацами промежуток отсутствует.

Закрывающий тег

Обязателен


Атрибут Align

Атрибут align тега div - выравнивание содержимого тега по горизонтали.

Значение/я атрибута:

- left - выравнивание по левому краю
- center – выравнивание по центру
- right - выравнивание по правому краю
- justify – выравнивание по ширине

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

Атрибут Title

Атрибут title тега div - добавляет всплывающую подсказку при наведении на содержимое тега курсора.

Значение/я атрибута:
Любой текст
Значение по умолчанию:
Не имеет
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Тег div </title>
<style>
.name {background:#00FFCC; width:160px; border:1px solid #CC0033; font-size:15px; padding:5px;}
</style>
</head>
<body>

<div title="Всплывающая подсказка" class="name">
<p> К данному абзацу я применил стиль, заданный в голове документа и идентифицированный
как name
</p> </div>
<div align="center" style="color:#CC0000; font-size:24px">
А к этому абзацу я применил стиль, заданный внутри тега </div>
<p> Остался промежуток между абзацами </p>
<p> Остался промежуток между абзацами </p>
<div align="center"> Промежуток между абзацами отсутствует </div>
<div align="right"> Промежуток между абзацами отсутствует </div>

</body>
</html>
Результат
К данному абзацу я применил стиль, заданный в голове документа и идентифицированный как name

А к этому абзацу я применил стиль, заданный внутри тега

Остался промежуток между абзацами

Остался промежуток между абзацами

Промежуток между абзацами отсутствует
Промежуток между абзацами отсутствует





Все теги HTML

HTML по шагам

Тематические публикации

Тематические публикации