HTML параграфы, тег p элемента html
Меню
Руководство по HTML
Рубрики
Руководство по HTML
Реклама

Яндекс Браузер

Справочник
Справочник по HTML

Параграфы HTML

HTML параграфы

Параграф он же абзац всегда начинается с новой строки и обычно представляет собой блок текста.

HTML - параграфы

Элемент HTML <p> определяет параграф.

Параграф всегда начинается с новой строки, а браузеры автоматически добавляют пробел (поле) до и после параграфа.

<p>Это параграф.</p>
<p>Это еще один параграф.</p>

Отображение HTML

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

Большие или маленькие экраны и окна с измененным размером дадут разные результаты.

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

Независимо от того, сколько пробелов и строк вы добавите, браузер проигнорирует это:

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

Вот как браузер будет отображать приведенный выше код:

HTML параграфы

Горизонтальные правила HTML

Тег <hr> определяет тематический разрыв на HTML-странице и чаще всего отображается в виде горизонтальной линии.

Элемент <hr> используется для разделения содержимого (или определения изменения) на HTML-странице:

<h1>Это заголовок 1</h1>
<p>Это текст.</p>
<hr>
<h2>Это заголовок 2</h2>
<p>Здесь еще текст.</p>
<hr>

Тег <hr> является пустым тегом, что означает, что у него нет закрывающего тега.

Горизонтальные правила HTML

Разрывы строк HTML

Элемент HTML <br> определяет разрыв строки.

Используйте <br>, если вам нужен разрыв строки (новая строка) без начала нового абзаца:

<p>Это<br>параграф<br>с разрывами строк.</p>

Тег <br> является пустым тегом, что означает, что у него нет закрывающего тега.

Разрывы строк HTML

Проблема стихотворения

Это стихотворение будет отображаться в одной строке:

<p>
Воды глубокие

Плавно текут.

Люди премудрые

Тихо живут.
</p>

Вот как браузер его отобразит:

Проблема стихотворения

 

Решение — HTML - элемент <pre>

Элемент HTML <pre> определяет предварительно отформатированный текст.

Текст внутри элемента <pre> отображается шрифтом фиксированной ширины (обычно это шрифт Courier

Курьер (англ. Courier)

— компьютерный шрифт, относящийся к классу моноширинных. Шрифт был разработан Ховардом Кеттлером в 1955 году на основе стандартного латинского шрифта пишущей машинки. Через некоторое время шрифт стал использоваться во всех отраслях печатной промышленности. Courier ) и сохраняет как пробелы, так и разрывы строк:
<pre>
Воды глубокие

Плавно текут.

Люди премудрые

Тихо живут.
</pre>

Решение — HTML -элемент <pre>

Справочник по тегам HTML

Справочник по тегам содержит дополнительную информацию об элементах HTML и их атрибутах.

Тег Описание
<p> Определяет параграф
<hr> Определяет тематическое изменение содержания
<br> Вставляет одиночный разрыв строки
<pre> Определяет предварительно отформатированный текст

Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

Является ли утверждение верным?

Проверьте себя, насколько хорошо вы запомнили материал.

☛ Стили HTML

Заголовки HTML ☚

Поделиться ссылкой