Темная тема
Элементы группировки
Элемент div
<div>- это контейнер (блок), который используется для группировки других элементов.
Например:
html
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<title>Моя первая страница</title>
</head>
<body>
<div>
<div>Первый блок</div>
<div>Второй блок</div>
</div>
</body>
</html>Элемент p
<p>- используется для создания абзаца текста. Автоматически отображается с отступами сверху и снизу. Текст внутри<p>считается блочным элементом и занимает всю ширину.
Например:
html
<p>Абзац</p>Нельзя вкладывать один <p> внутрь другого.
Элемент br
<br>- используется для принудительного переноса строки.
Например:
html
<div>
Моя супер <br />
длинная строка
</div>Элемент pre
<pre>- предварительно форматированный текст. Он сохраняет все пробелы, табуляции и переносы строк.
Например:
html
<pre>
Первая строка
Вторая строка
Третья строка
</pre>Элемент span
<span>- это встроенный (inline) контейнер, предназначенный для выделения части текста внутри других элементов, чтобы применять к этой части стили или взаимодействие через JavaScript. Он ничего сам по себе не делает визуально.
Например:
html
<div>
Это обычный текст, а
<span style="color: red">это красный</span>
</div>