HTML: Блочные и строчные элементы
Познакомившись со многими HTML-элементами можно заметить, что их поведение не всегда одинаковое — некоторые элементы (параграфы, списки, pre
, div
, заголовки, таблицы) всегда начинаются с новой строки. Они занимают всю ширину экрана. Такие элементы называются блочными. Они являются основой вёрстки HTML, так как напрямую воздействуют на то, как будут расположены элементы рядом с ними на странице.
Помимо блочных элементов существуют строчные элементы. К ним относятся ссылки (a
), теги начертания текста (b
, strong
, i
, em
), картинки, span
. Они не влияют на расположение соседних элементов и предназначены для придания смысловой нагрузки. В отличие от блочных элементов, строчные не занимают всю ширину экрана.
<p>Параграф является блочным элементом.</p>
<p>Он занимает всё пространство по ширине, поэтому каждый параграф начинается с новой строки.</p>
<span>Span является строчным элементом.</span>
<span>Он занимает ширину, равную ширине своего контента, поэтому переноса строки нет</span>
Параграф является блочным элементом.
Он занимает всё пространство по ширине, поэтому каждый параграф начинается с новой строки.
Span является строчным элементом. Он занимает ширину равной ширине своего контента, поэтому переноса строки нетЗадание
Добавьте два тега span
с текстом внутри. Посмотрите, как они будут расположены
Пожалуйста, авторизуйтесь, это необходимо для отслеживания прогресса выполнения уроков. Если у вас ещё нет учётной записи, то сейчас самое время создать аккаунт.