Теги DIV и SPAN и их атрибуты

divТег 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

На первом скриншоте видно, что расстояние между аонтейнерами DIV меньше нежели между абзацами.
параметр TITLE
Данный рисунок показывает результат действия параметра TITLE.

SPAN — применяется для выделения части информации и присвоения этой части различных стилей. Закрывающий тег обязателен!
Без стилей — сам по себе, элемент SPAN никакого смысла не имеет. Для примера вставим в наш шаблон две одинаковые фразы, заключённые в элемент SPAN:
<span>Действие тега SPAN без стилей.</span><br>
<span style="color:blue;">Действие тега SPAN с применением(меняем цвет текста) стилей.</span>
Пример полученного:
тег span
Результат наглядно показывает бесполезность применения тега SPAN без стилей.
Так же можно отметить, что с помощью элемента SPAN можно присвоить даже одной букве в тексте разные стили(цвет, размер, и.т.д.) При изучении CSS мы подробнее рассмотрим все действия с тегом SPAN.

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Реклама

Оставить комментарий

Перед отправкой формы:
Human test by Not Captcha