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

Каждая отдельная часть страницы - это элемент страницы. Например,

абзац текста
картинка
ссылка

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

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

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

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

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

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

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

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

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

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