Опубликовано: 25.06.2010 Последняя правка: 08.12.2015

Тег

Тег  применяется для разделения страницы на параграфы. Он может содержать только текст и inline-теги (теги уровня строки). При этом сам тег является блочным, то есть создает перенос строки перед собой и после себя. Кроме этого, он устанавливает поля (margin) свободного пространства сверху и снизу от своих сторон до окружающего контекста, благодаря чему и происходит визуальное разбиение страницы на параграфы. Размер полей тега зависит от типа браузера, но примерно он равен высоте одной строки текста на текущей странице.

Закрывающий тег не является обязательным. Если он отсутствует, то концом параграфа будет считаться первый не-inline-тег расположенный ниже в HTML-коде страницы.

Атрибуты

Личные атрибуты:

align — Устанавливает горизонтальное выравнивание содержимого параграфа.

Общие атрибуты:

accesskey — устанавливает клавишу быстрого доступа для фокусировки на HTML-элементе.
class — задает имя класса или классов тега, используемых в CSS (Каскадные таблицы стилей).
dir — указывает направление текста внутри элемента.
id — задает имя идентификатора HTML-тега, который может использоваться в качестве «якоря» или в таблицах стилей.
lang — указывает язык, на котором написан текст внутри HTML-элемента.
style — необходим для применения встроенных стилей CSS к тегу.
tabindex — устанавливает порядок табуляции между элементами (клавиша Tab).
title — выводит всплывающую подсказку при наведении курсора мыши на HTML-элемент.

Тип тега

Назначение: текст (блоки).

Модель тега: block (блочный, уровня блока).

Может содержать: inline-теги, обычный текст и спецсимволы HTML (мнемоники).

Открывающий тег: необходим. Закрывающий тег: не обязателен.

Синтаксис

<p>содержимое</p>

Пример HTML: применение тега P

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Применение тега P</title>
 </head>
 <body>
  <p>Одной из ошибок начинающих создателей сайтов является использование неоднородных
     изображений или ярких цветов для фона текстовой информации на странице.
     Это не только затрудняет чтение, но и пагубно влияет на зрение пользователей,
     заставляя их всматриваться в каждую строчку и излишне напрягать глаза.</p>
  <p>Еще одна ошибка — это использование «где ни попадя» инвертированных цветов, когда 
     визуально цвет текста светлее фона, например черный фон — белый текст. Данная
     техника вполне применима, но только там, где это действительно к месту.</p> 
 </body>
</html>

Результат примера

Поддержка версиями HTML

Версия:	HTML 4.01	HTML 5	XHTML 1.0	XHTML 1.1
Поддержка:	Да	Да	Да	Да

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

Браузер:	Internet Explorer	Google Chrome	Mozilla Firefox	Opera	Safari
Версия:	6.0 и выше	2.0 и выше	2.0 и выше	9.2 и выше	3.1 и выше
Поддержка:	Да	Да	Да	Да	Да

Тег <P>

Атрибуты

Тип тега

Синтаксис

Поддержка версиями HTML

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