Чат PHP-разработчиков
Как сделать абзац в HTML

Делаем абзацы в HTML

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

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

Применение таких тегов уместно только внутри тега <body>. И в этом курсе мы раскроем данный вопрос максимально подробно.

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

Давайте добавим абзацев внутри тега <body>:

...
<body>
<p>
    Текст про книгу 1
</p>
<p>
    Текст про книгу 2
</p>
</body>
...

Результат в браузере:

Используйте абзацы для разделения текста. Небольшие абзацы (максимум 500 символов) всегда проще воспринимаются глазом, читатели будут вам благодарны.

Присоединяйтесь к нам в ВКонтакте и в Facebook, чтобы не пропустить новые уроки. А также вступайте в наш чат PHP-разработчиков в Telegram.
Домашнее задание
  • Добавьте на свою страничку несколько абзацев
Онлайн обучение PHP
Путь с полного нуля до джуниора!
Начать бесплатно
Читайте также
Курс программирования на PHP
Подготовка до уровня устройства на работу!
Начать бесплатно
Комментарии (5)


ivan.stepanov1985@inbox.ru

Здравствуйте, появился такой вопрос. А как сделать расстояние между абзаце больше?А том у меня что то не получается

ivashkevich

С помощью CSS-свойства margin-bottom

olga-ok

Доброго дня! У меня получилось 3 подзаголовка h1, h2, h3, и каждый последующий меньше предыдущего почему-то. И еще - сам текст печатала компактно, а в браузере он растянулся в очень длинные строки. Как их укоротить?

olga-ok

Я имела ввиду, что подзаголовки получились разным шрифтом - самый жирный h1, а остальные все меньше и меньше.

ivashkevich

Так и должно быть. Это называется не жирность, а размер шрифта. Переносы строк делаются тегом <br>

Самый понятный курс PHP
Онлайн-уроки в удобное время!
Начать бесплатно
Популярное за сутки
Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
Сейчас читают
Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
Новые статьи
Логические задачи с собеседований