Далее на странице
Тег <div> является блочным элементом и используется для выделения и преобразования фрагмента страницы.
Можно сказать, что элемент/ы страницы помещается в некий контейнер - блок, вид содержимого которого меняется с помощью стилей.
Cтили задаются с помощью тега <style>
О блочных и строчных элементах (подробнее здесь...).
Тег <div> также можно использовать для форматирования текста - вместо тега <p>. При этом между абзацами промежуток отсутствует.
Атрибут Align
Атрибут align тега div - выравнивание содержимого тега по горизонтали.
- left - выравнивание по левому краю
- center – выравнивание по центру
- right - выравнивание по правому краю
- justify – выравнивание по ширине
Атрибут Title
Атрибут title тега div - добавляет всплывающую подсказку при наведении на содержимое тега курсора.
<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>
Остался промежуток между абзацами
Остался промежуток между абзацами
