HTML-теги DIV и SPAN — теги-контейнеры. Курс по HTML (10 из 20)

Курс по HTML — http://zero2hero.org/course/details/html

И ещё пройдём очень важных 2 тега.
Это специальные строительные блоки страницы.
Это теги div и span.
Div от слова division, что означает “раздел” или “блок”.
Тег div — это контейнер для других елементов шириной на всю страницу. Когда вы видите шапку страницы с меню, или центральную часть со статьёй, или нижнюю часть страницы, которую называют футер, с копирайтом и ссылками на соц. сети — это div. Строительный блок страницы. Внутрь него можно вставлять заголовки, параграфы и картинки.

Тег span — это строительный блок внутри параграфа. Span в отличие от DIVа не займёт ширину всей страницы, он просто незаметно обрамит нужный вам кусочек текста, чтобы вы могли поменять ему цвет или размер шрифта. Внутри тега span в основном бывает только текст, а не другие теги.

Div занимает всю свободную ширину страницы — поэтому он относится к block elements, к блочным элементам.
А span встраивается в абзац, ширину не меняет — поэтому он относится к inline elements, встроенные элементы.

Эти теги визуально никак не выглядят, но мы будем их использовать во второй главе, когда будем делать вам веб-страничку.

Основы вёрстки, веб-дизайна, responsive design.

Видео HTML-теги DIV и SPAN — теги-контейнеры. Курс по HTML (10 из 20) канала Zero to Hero