Тег DIV — в сайтостроении применяется как удобный контейнер для различных блоков html кода веб-страницы, которым просто манипулировать динамически – перемещать,определять отступы,другими словами — изменять вид содержимого.
Обычно, вид блока управляется при помощи стилей. Содержимое тега <DIV>, как правило начинают с новой строки. Закрывающий тег обязателен! Элемент DIV: <div>...</div>.
Параметры тега DIV
ALIGN — определяет способ выравнивания контейнера по горизонтали.
Используемые значения: left, center, right, justify. По умолчанию применяется значение left.
TITLE — Определяет всплывающую подсказку к содержимому тега DIV.
Рассмотрим примеры:
Добавим в наш шаблон такие строчки:
<div align="right" title="тег DIV, выровненный по правому краю">
Тег DIV, выровненный по правому краю.
</div>
<div align="left" title="тег DIV, выровненный по левому краю">
Тег DIV, выровненный по левому краю.
</div>
<div align="center" title="тег DIV, выровненный по центру">
Тег DIV, выровненный по центру.
</div>
<div align="justify" title="тег DIV, выровненный по ширине контейнера DIV">
Тег DIV, выровненный по ширине контейнера DIV.
</div>
На первом скриншоте видно, что расстояние между аонтейнерами DIV меньше нежели между абзацами.
Данный рисунок показывает результат действия параметра TITLE.
SPAN — применяется для выделения части информации и присвоения этой части различных стилей. Закрывающий тег обязателен!
Без стилей — сам по себе, элемент SPAN никакого смысла не имеет. Для примера вставим в наш шаблон две одинаковые фразы, заключённые в элемент SPAN:
<span>Действие тега SPAN без стилей.</span><br>
<span style="color:blue;">Действие тега SPAN с применением(меняем цвет текста) стилей.</span>
Пример полученного:
Результат наглядно показывает бесполезность применения тега SPAN без стилей.
Так же можно отметить, что с помощью элемента SPAN можно присвоить даже одной букве в тексте разные стили(цвет, размер, и.т.д.) При изучении CSS мы подробнее рассмотрим все действия с тегом SPAN.