HTML.Теги DIV и SPAN (Урок 10)

Всем привет! Сегодня мы выходим на финишную прямую по изучению базового курса HTML. Сегодня мы изучим теги DIV и SPAN, которые нам понадобятся при изучении курса CSS. Это логические теги и они никак сами по себе не проявляют себя, но (!), тем не менее, это одни из самых главных тегов в CSS. Давайте рассмотрим на примере.

Если мы объединим какой-либо текст  тегом <DIV>, то вы увидите, что ничего не изменится. В этом и есть вся сила данного тега, так как если задать, например, атрибуты данного блока, такие как ширина, высота, цвет, и любые другие, то текст примет форму данного тега, а также унаследует все его параметры.

<div width="100" height="100">Мама мыла раму</div>

Вы будете приятно удивлены, когда узнаете, что для HTML справедливо правило 80/20, которое означает, что вам не придется изучать весь язык до последнего винтика. Но, в тоже время, полученных из курса знаний вам с лихвой хватит для того, чтобы уверенно делать сайты.

Я думаю, что вы понимаете всю силу этого тега…Вам придется использовать его чаще других. Если вы посмотрите исходный код ЛЮБОГО сайта то вы увидите, что этого тег является практически основным. Данным тегом можно задать фоновое изображение, изменить размеры блока, а также много много других изменений элементов.

Блок DIV

Вторым тегом является тег <span>. Он больше используется для внутренних работ. Если блок <div> носит глобальный характер и он изменяет ВСЕ, что в него включено, от отдельного блока до целой страницы, то <span> предназначен для работы в абзаце или  строке текста.

<span font-size="14px">Мама мыла раму</span>

Но это больше относится к CSS, который мы будем проходить в будущем.

Удачи вам! До скорых встреч на страницах блога VyacheslavDanilov.ru


Вам также понравится...

Смотри и удивляйся:
Десерт

*посмотреть еще ролик можно обновив страницу в браузере

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *