HTML может разделить документ на несколько абзацев. Тег абзаца <p> можно использовать в HTML для разделения содержимого документа на несколько абзацев. Формат синтаксиса следующий:
<p>Абзац, содержание. </p>
Тег абзаца состоит из начального тега <p> и закрывающего тега </p>. Содержимое между начальным и конечным тегами будет рассматриваться как абзац. Тег абзаца — это очень простой тег, который мы используем при публикации статей в Интернете.
Раздел:
1. Параграфы HTML определяются с помощью тегов <p>.
Примечание. Браузеры автоматически добавляют пустые строки до и после абзацев. (</p> — элемент уровня блока)
2. Не забудьте закрывающий тег
Даже если вы забудете использовать закрывающий тег, большинство браузеров отобразят HTML правильно:
<p>Это абзац<p>Это еще один абзац
Результаты запуска показаны на рисунке ниже:
Приведенный выше пример будет нормально работать в большинстве браузеров, но не полагайтесь на этот подход. Если забыть использовать закрывающие теги, это может привести к неожиданным результатам и ошибкам.
Примечание. В будущей версии HTML пропуск закрывающего тега будет запрещен.
3. Перенос строк HTML
Если вы хотите перенести (новую строку) без создания нового абзаца, используйте тег <br>:
Пример:
<p>Этот<br>абзац<br> демонстрирует эффект ветвления</p>
Результаты запуска показаны на рисунке ниже:
Элемент <br /> — это пустой элемент HTML. Поскольку закрывающий тег не имеет никакого смысла, у него нет закрывающего тега.
4. Вывод HTML – использование напоминаний
Мы не можем определить точный эффект отображаемого HTML. Размер экрана и настройки окна могут привести к другим результатам.
В HTML вы не можете изменить вывод, добавив в HTML-код дополнительные пробелы или разрывы строк.
При отображении страницы браузер удаляет из исходного кода лишние пробелы и пустые строки. Все последовательные пробелы или пустые строки считаются за один пробел. Обратите внимание, что все последовательные пустые строки (новые строки) в HTML-коде также отображаются как пробел.
<!DOCTYPEhtml><html><head><metacharset=utf-8><title>Сеть языков C (dotcpp.com)</title></head><body><h1>春晓</h1><p> Когда я сплю весной, я не замечаю рассвета <p>Я слышу пение птиц повсюду. <p>Ночью доносится шум ветра и дождя, <p>Сколько цветов упало. <p></p><p>Обратите внимание, что браузер игнорирует типографику в исходном коде (лишние пробелы и разрывы строк опускаются). </p></body></html>
Результаты запуска показаны на рисунке ниже:
5. Пробелы в абзацах
По умолчанию тег абзаца объединяет пробелы в тексте и отображает несколько последовательных пробелов как один пробел. Конкретная производительность следующая:
(1) Если в абзаце появляется несколько последовательных пробелов, браузер проигнорирует эти пробелы и сохранит только один;
(2) Если в абзаце появляется несколько последовательных разрывов строк, браузер преобразует эти разрывы строк в пробел.
Пример отображения:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>Сеть языка C (dotcpp.com)</title></head><body><p>Сеть языка C (dotcpp.com) , веб-сайт онлайн-обучения программированию, URL: <ahref=https://www.dotcpp.com/target=_blank>https://www.dotcpp.com/</a></p><p>Язык C. на веб-сайте в настоящее время выпущены учебные пособия для почти <b>15</b> модулей, включая HTML, язык C, C++, JavaScript и другие модули. Вы можете <ahref=https://www.dotcpp.com/course/target= _blank. >Нажмите здесь</a>, чтобы просмотреть все руководства. </p><p>Наша цель: веб-сайт, который поможет каждому научиться программированию простым способом. </p></body></html>
Результаты запуска показаны на рисунке ниже:
