Параграфы HTML

HTML документы разделены на абзацы.

Параграфы HTML

Параграфы HTML определяются с тегом .

Пример 1

Примечание: Браузер автоматически добавляет пустую строку до и после параграфа.

<p>Это параграф</p>
<p>Это другой параграф</p>

Результат выполнения кода выше:

Попробуйте сами

Не забудьте про закрывающий тег

Большинство браузеров будет отображать HTML правильно, даже если вы забыли закрывающий тег:

Пример 2

Примечание: Будущая версия HTML не позволяет вам пропустить конечный тэг.

<p>Это параграф
<p>Это другой параграф

Результат выполнения кода выше:

Попробуйте сами

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

Переход строки HTML

Используйте тег   если Вы хотите сделать новую строку, без тега параграфа:

Пример 3

Разрыв строки обозначается следующим образом:

Для разрыва<br>строк<br>в<br>параграфе,<br>используйте элемент br.

Результат выполнения кода выше:

Попробуйте сами

Элемент   является пустым элементом HTML. Он не имеет закрывающего тега.

или

В XHTML, XML, и в будущих версиях HTML, использование элементов без закрывающего тега не допускается.

Даже если   работает во всех браузерах, написание   намного правильнее в будущих тенденциях.

Результат HTML - Полезные советы

Нельзя быть уверенным, как HTML будет отображаться. Большие или малые экраны, и изменение размера окна будет создавать различные результаты.

С HTML, вы не можете изменить результат изображение, добавив дополнительные пробелы или дополнительные строки в коде HTML.

Браузер удалит лишние пробелы и дополнительные линии при отображении страницы. Любое количество строк в качестве одного пространства, и любое количество пробелов считаются одним пробелом.

Пример 4

Пример демонстрирует некоторые проблемы HTML форматирования

<p>
Смело, товарищи, в ногу!
Духом окрепнув в борьбе,
В царство свободы дорогу

Грудью проложим себе.
</p>

Результат выполнения кода выше:

Попробуйте сами

Примеры с этой страницы

Параграфы HTML
Этот пример демонстрирует, как параграфы HTML отображаются в браузере.

Переносы строк
Этот пример демонстрирует использование переноса строк в документе HTML.

Проблемы песни
Этот пример демонстрирует некоторые проблемы с форматированием HTML.

Еще примеры

Пример 5

Этот пример демонстрирует некоторые стандартное поведение элементов параграфа.

<p>
В этом параграфе содержится 
много строк в исходном коде, 
но браузер игнорирует их.
</p>

<p>
Этот      параграфе     содержит много      пробелов в исходном      коде, но браузер игнорирует                       их.
</p>

<p>
Число строк в параграфе зависит от размера окна браузера. Если вы измените размер окна браузера, количество строк в данном пункте не изменится.
</p>

Результат выполнения кода выше:

Попробуйте сами

Дополнительная информация о тегах HTML

Ссылки на теги школы Xhtml.co.il содержат дополнительную информацию об элементах HTML и их атрибутах.

Тег	Описание
<p>	Определяет параграф
<br>	Добавляет один перенос строки

Была ли эта информация полезной?

Да Нет

Параграфы HTML