Основы работы с HTML

Параграфы.


Прежде чем изучать теги форматирования HTML посмотрим как введенный текст отобразится, если не будут применены никакие теги кроме тегов <html> и <body>. Следующий пример демонстрирует такой документ HTML

<html> <body> Этот текст будет показан в окне браузера. </body> </html>

Пример выполнения данного HTML-кода

Этот простой пример документа HTML, который содержит минимальное количество тегов HTML и демонстрирует, как текст внутри элемента body отображается в браузере.

Если ввести большой объем текста таким способом, то читать его будет очень не удобно. Логичнее разбить его на параграфы, как в книге, которые повышают читабельность текста, и кроме того выделяют смысловые блоки.

Следующий пример показывает как отображаются параграфы

<html> <body> <p>Это параграф 1.</p> <p>Это параграф 2.</p> <p>Это параграф 3.</p> </body> </html>

Пример выполнения данного HTML-кода

Этот пример демонстрирует, как в браузере выводится текст внутри элементов параграфа. Можно видеть, что по умолчанию текст каждого параграфа выводится в виде отдельного блока. Каждый из таких блоков отделяется от предыдущих и последующих блоков страницы пустой строкой. Однако отображение параграфа браузером может быть легко изменено посредством таблицы стилей.

Можно заметить, что параграфы можно записывать без закрывающего тега </p>, однако лучше этого не делать, тем более, что в следующей версии HTML не позволит пропустить ни один не закрывающий тег.

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

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



Содержание раздела