HTML Абзацы
Абзацы HTML
<p>
элемент HTML определяет абзац:
Пример
<p>Это абзац.</p>
<p>Это еще один абзац.</p>
Примечание: Браузеры автоматически добавляют пробел (поле) до и после абзаца.
Отображение HTML-кода
Вы не можете быть уверены, как будет отображаться HTML.
Большие или малые экраны, и размер окна будут создавать различные результаты.
С помощью HTML нельзя изменить вывод, добавляя лишние пробелы или дополнительные строки в HTML-код.
При отображении страницы браузер удалит лишние пробелы и дополнительные строки:
Пример
<p>
This paragraph
contains a lot of lines
in the source code,
but
the browser
ignores it.
</p>
<p>
This paragraph
contains
a lot of spaces
in the source
code,
but the browser
ignores
it.
</p>
Не забывайте, что конечный тег
Большинство браузеров будут корректно отображать HTML, даже если вы забыли конечный тег:
Example
<p>This is a paragraph.
<p>This is another paragraph.
Приведенный выше пример будет работать в большинстве браузеров, но не полагается на него.
Примечание: Удаление конечного тега может привести к непредвиденным результатам или ошибкам.
Разрывы строк HTML
<br>
элемент HTML определяет разрыв строки.
Используйте <br>
, если требуется разрыв строки (Новая строка) без запуска нового абзаца:
Пример
<p>This is<br>a paragraph<br>with line breaks.</p>
Тег <br>
является пустым тегом, что означает, что он не имеет конечного тега.
Стихотворение проблема
Это стихотворение будет отображаться на одной строке:
Пример
<p>
My Bonnie lies over
the ocean.
My Bonnie lies over the sea.
My Bonnie
lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
Элемент HTML <pre>
Элемент HTML <pre>
определяет предварительно отформатированный текст.
Текст внутри элемента <pre>
отображается в шрифте фиксированной ширины (обычно Courier) и сохраняет пробелы и разрывы строк:
Пример
<pre>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the
ocean.
Oh, bring back my Bonnie to me.
</pre>
Справочник HTML
Справочник по HTML, на html5css.ru содержит дополнительную информацию о HTML-элементах и их атрибутах.
Тег | Описание |
---|---|
<p> | Определяет абзац |
<br> | Вставка одного разрыва строки |
<pre> | Определяет предварительно отформатированный текст |