Самоучитель HTML Справочник HTML Глобальные атрибуты События Типы элементов Таблица цветов Спецсимволы HTML
Теги HTML

HTML тег <p>

Поддержка браузерами

Описание

Обычно любой документ содержит какой-либо текст, будь то описание к изображению или описание чего-либо другого, для удобства восприятия текста, он делится на небольшие части (подразделы), разделенные переносом строки, пустой строкой или отступом. Эти подразделы текста и называются абзацами.

Для определения абзаца в HTML-документе используется тег <p> (p - сокращение от англ. слова paragraph - абзац). При отображении тега <p>, браузер автоматически вставляет до и после него отступы, отделяя его, таким образом, от других элементов, размер отступов можно изменить с помощью стилей CSS. Для разрыва строки внутри абзаца используется тег <br>.

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

Примечание: cтоит обратить внимание на то, что все пробелы поставленные между открывающим тегом <p> и его содержимым будут игнорироваться браузером, также как и все пробелы между содержимым и закрывающим тегом </p>. Поэтому, такую банальную вещь, как красная строка, не получится сделать лишь поставив несколько дополнительных пробелов перед текстом, но с этой проблемой легко будет справиться с помощью CSS свойства text-indent, которое позволяет не только задать красную строку, но и точно определить размер отступа для нее.

Атрибуты

Тег <p> поддерживает Глобальные атрибуты и События

Стиль по умолчанию

p {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
} 

Пример

<p>Этот текст находится в абзаце.</p>
<p>Это второй абзац на странице.</p>
<p>А это третий абзац.</p>

Результат данного примера в окне браузера:

Пример использования тега <p>
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011-2016 © puzzleweb.ru

Реклама на сайте | Обратная связь