Внимание! На этой странице вы найдете материал урока из архивного курса по HTML. Курс был написан в 2015, обновлен в 2024 году и по-прежнему актуален для начинающих веб-разработчиков.
Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.
Полный список уроков доступен по тегу Архивный курс по HTML и на странице первого урока.
- Разделите текст, который находится в форме HTML на абзацы так же, как разделено в теории.
- Второй абзац
- Третий абзац
В предыдущих уроках разбирались с заголовками и подзаголовками в HTML. Ещё по ним прошли дополнительную практику. В этом уроке научимся добавлять абзацы на HTML-страницу.
Что такое абзац в HTML? Абзац – это единица группировки текста. В HTML абзац означает то же самое, что и абзац на листе бумаги. Абзац в HTML выделяется тегом <p> … </p>.
Каждый абзац в HTML начинается с новой строки и сопровождается отступом после.
Использовать абзацы, особенно в большом тексте, очень важно, так как они структурируют информацию и упрощают чтение.
Абзацы, желательно, должны содержать не более 6 строк, это очень упростит чтение посетителю сайта. Наличие абзацев на веб-странице говорит поисковым системам о том, что страница хорошо оформлена и удобна для читателя, тем самым рейтинг сайта будет выше.
Рассмотрим пример создания трех абзацев в HTML:
<p>Это первый абзац</p>
<p>Это второй абзац</p>
<p>А это третий абзац</p>Кстати, чтобы сделать «красную строку» у абзаца, можно написать вот такое свойство CSS (тега <p>):
p {
text-indent: 20px;
}В следующем уроке разберетесь с тегами переноса строки и разделительной линии.
Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу HTML.
