базовый курс

ГРУППА КУРСА

Блоковые и строчные элементы

Отдельная часть страницы: абзац текста, картинка, ссылка - это элемент страницы. Каждый тэг создаёт новый элемент элемент страницы. Один тэг может быть вложен в другой тэг. И также один элемент может быть вложен в другой элемент. Существуют элементы разных типов, и в этой теме мы рассмотрим, чем они отличаются. Правда, сейчас мы изучим этот вопрос в упрощённом виде. Более подробно виды элементов страницы будут рассмотрены в учебнике CSS. А сейчас мы рассмотрим только то, что нужно для изучения HTML.

Есть блоковые и строчные элементы. Они отличаются расположением на странице. Блоковые элементы всегда занимают своё место на странице. Они всегда начинаются с новой строки и следующие за ними элементы тоже начинаются с новой строки. Выглядит это так:


Предыдущие элементы

Блоковый элемент

Последующие элементы


Примером блокового элемента является тег <div>, добавляющий на страницу контейнер. Это самый распространённый блок.

В отличие от блоковых, строчные элементы располагаются друг за другом в строке до тех пор, пока строка не дойдёт до края страницы или блока. Причём строчный элемент не обязательно переходит на новую строку целиком. Начало элемента может быть на одной строке, а продолжение на другой. Выглядит это так:


Строчный элемент Строчный элемент Строчный элемент Строчный элемент Строчный элемент Строчный элемент Строчный элемент Строчный элемент Строчный элемент Строчный элемент


Ппримеры строчных элементов - ссылки и картинки.

Важным отличием блоковых элементов от строчных является то, что при вёрстке сайта мы располагаем блоковые элементы в конкретном месте страницы, и нам нужно, чтобы они именно там и находились. А строчные элементы - это просто строки, и нам не важно, где заканчивается одна строка и начинается другая и сколько всего этих строк получается.