«Единственный способ творить великие дела – это любить то, что ты делаешь»
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 по шагам