Посмотреть все уроки курса
Выбрать другой урок из курса
Поиск по сайту
Теория урока

24. Что такое абзац в HTML (тег P)

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ

В предыдущих уроках разбирались с заголовками и подзаголовками в HTML. Ещё по ним прошли дополнительную практику. В этом уроке научимся добавлять абзацы на HTML-страницу.

Что такое абзац в HTML? Абзац – это единица группировки текста. В HTML абзац означает то же самое, что и абзац на листе бумаги. Абзац в HTML выделяется тегом <p> … </p>.

Каждый абзац в HTML начинается с новой строки и сопровождается отступом после.

Использовать абзацы, особенно в большом тексте, очень важно, так как они структурируют информацию и упрощают чтение.

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

Рассмотрим пример создания трех абзацев в HTML:

Пример (html)
<p>Это первый абзац</p>
<p>Это второй абзац</p>
<p>А это третий абзац</p> 

Кстати, чтобы сделать «красную строку» у абзаца, можно написать вот такое свойство CSS (тега <p>):

Пример (css)
p {
    text-indent: 20px;
} 

В следующем уроке разберетесь с тегами переноса строки и разделительной линии.

Похожие уроки Codebra

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
Что такое теги в HTML и для чего они нужныЗнакомство с HTML
Селекторы классов и идентификаторовСелекторы в CSS
Основные правила и знакомство с селекторамиСелекторы в CSS
Псевдоклассы: первый дочерний элементСелекторы в CSS
Что такое CSS?Знакомство с CSS
Структура документа: сестринские элементы в CSSСелекторы в CSS
Курс по Python от CodebraЗнакомство с Python
Что такое HTML-формаФормы в HTML
Что такое маркированный список в HTMLРазметка текста в HTML
Раздел «Разметка текста в HTML»
22. УРОК: 1. Заголовки и подзаголовки в HTML
23. ПРАКТИКА: 2. Заголовки и подзаголовки в HTML (практика 1)
УРОК 24. 4. Что такое абзац в HTML (тег P)
Вы здесь
25. УРОК: 6. Перенос строки (br) и разделительная линия (hr) в HTML
26. ПРАКТИКА: 7. Практикуемся в переносе строки с помощью HTML
27. УРОК: 9. Нумерованный список в HTML
28. УРОК: 11. Что такое маркированный список в HTML
29. УРОК: 13. Акцентирование (выделение) текста в HTML
30. ПРАКТИКА: 14. Жирно-курсиво-перечеркнутый
31. УРОК: 16. Цитаты в HTML
32. УРОК: 18. Верхний и нижний индексы в HTML
33. УРОК: 20. Универсальные атрибуты в HTML
34. ТЕСТ: 21. Тест по разделу «Разметка текста в HTML»
Другие разделы
Раздел 1. Знакомство с HTML
Раздел 3. Ссылки в HTML
Раздел 4. Изображения в HTML
Раздел 5. Таблицы в HTML
Раздел 6. Формы в HTML
Раздел 7. HTML5
Раздел 8. Остальное
Раздел 9. Знакомство с CSS
Раздел 10. Селекторы в CSS
Раздел 11. Структура и каскад
Раздел 12. Единицы измерения
Раздел 13. Шрифт
Раздел 14. Свойства текста
Раздел 15. Форматирование
Раздел 16. Отступы, рамки, поля
Раздел 17. Цвета и фон
Раздел 18. Позиционирование
Раздел 19. Верстка таблиц
Раздел 20. Списки
Раздел 21. Анимация
Раздел 22. Знакомство с Flexbox
Раздел 23. Практика с htmlbook.ru
Раздел 24. Элементы сайта
Впервые на сайте Codebra?

Извините за это всплывающее окно, меня они тоже раздражают.

Образовательный ресурс codebra.ru полностью посвящен программированию и компьютерной безопасности. Все курсы и уроки находятся на главной странице. Ради интереса можете посмотреть на содержимое курсов по Пентесту Active Directory, Python, HTML и CSS, JavaScript, C++ и другие, размещенные на главной странице.

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно