Теория
Теория

Тег p, параграф

Основную структуру текста создают с помощью заголовков, а более мелкую выстраивают с помощью параграфов (или абзацев). Для разметки параграфов предназначен тег <p> (от английского «paragraph»).

По умолчанию абзацы начинаются с новой строки и отделяются от остального контента отступами сверху и снизу. Так что, если нужно отделить один блок текста от другого, верным решением будет заключить их в теги <p>.

<p>Абзац про то, как я решил стать верстальщиком</p>
<p>Абзац про моего инструктора</p>
<p>Абзац про мой дневничок</p>

Давайте теперь разметим абзацами приветственный текст на нашей главной странице.

Абзац — отрезок письменной речи, состоящий из одного или нескольких предложений, зачастую объединённых общей мыслью. Это привычное нам определение. Параграф в HTML совсем другой.

Параграфы в HTML — это всего лишь неразрывная последовательность фразовых элементов, то есть чисто структурная, а не смысловая сущность. Параграфы существуют даже без тега <p>.

А тег <p> позволяет лишь явно выделять параграфы, группируя элементы с фразовым типом содержимого. И это могут быть не только блоки текста, а, например, изображения, ссылки или поля ввода.

Не все теги могут быть включены в <p>. Например, внутри абзаца не могут располагаться крупные структурные теги, заголовки, формы, списки, таблицы. Когда браузер встречает неподходящий тег внутри <p>, он «выбрасывает» этот тег из <p>.

index.html

HTML

<!DOCTYPE html> <html lang="ru"> <head> <title>Сайт начинающего верстальщика</title> <link rel="stylesheet" href="outlines.css"> </head> <body> <header> <h1>Сайт начинающего верстальщика</h1> </header> <main> <nav> Навигация </nav> <section> Всем привет! Добро пожаловать на мой первый сайт. Ещё недавно я понятия не имел, кто такой верстальщик, а теперь я нашёл тренажёры по HTML и CSS и поставил перед собой цель — стать им. У меня даже появился инструктор — Кекс, который не позволит мне расслабиться и будет следить за моими успехами. Моё первое задание — вести дневник и честно писать обо всех своих свершениях. </section> <section> Раздел про навыки </section> </main> <footer> Подвал сайта </footer> </body> </html>

ЗадачиВыполнено

Разбейте текст в первой «секции» на два абзаца.

В первый абзац включите текст, начинающийся с фразы Всем привет! и заканчивающийся словами за моими успехами,
а во второй абзац — оставшееся неразмеченным предложение Моё первое задание … свершениях.

Тег p, параграф

Вход

Регистрация

Восстановление доступа