Тег p: Тег | htmlbook.ru

| HTML | WebReference

  • Содержание
    • Синтаксис
    • Закрывающий тег
    • Атрибуты
    • Пример
    • Спецификация
    • Браузеры

Определяет текстовый абзац. Элемент <p> (от англ. paragraph — абзац, параграф) является блочным, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего абзаца или другого блочного элемента.

Синтаксис

<p>Текст</p>

Закрывающий тег

Не обязателен.

Атрибуты

align
Определяет выравнивание текста.

Также для этого элемента доступны универсальные атрибуты и события.

Пример

<!DOCTYPE HTML> <html> <head> <meta charset=»utf-8″> <title>P</title> </head> <body> <p>Рекомендуется совершить прогулку на лодке по каналам города и Озеру Любви. </p> <p>Венгры страстно любят танцевать, особенно ценятся национальные танцы.</p> <p>Из первых блюд распространены супы-пюре и бульоны, но подают их редко.</p> </body> </html>

Результат данного примера показан на рис. 1.

Рис. 1. Абзацы текста

Спецификация

Спецификация Статус
WHATWG HTML Living Standard Живой стандарт
HTML5 Рекомендация
HTML 4.01 Specification Рекомендация

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Браузеры

1 12 1 1 1 1
1 1 6 1

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

См. также

  • Работа с текстом
  • Структура HTML-кода
  • Текст в HTML

Практика

  • Абзацы
  • Добавление элемента
  • Картинки друг под другом
  • Открывающие и закрывающие теги
  • Открывающие теги
  • Ошибки в абзацах
  • Содержимое элемента

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 09.10.2018

Редакторы: Влад Мержевич

что это такое, атрибуты параграфа

Главная » HTML » Справочник HTML

Справочник HTML

Время чтения 3 мин. Просмотры 1.9k.Опубликовано

26.12.2020Обновлено

Тег <p> в HTML является блочным элементом и интерпретируется как параграф. Ввиду того что <p> блочный элемент, по умолчанию его ширина занимает 100% ширины контейнера. Высота параграфа по умолчанию зависит от его текстового наполнения. Данный тег аналогичен элементу div, только обладает определенными заданными свойствами по умолчанию. Параграфы были определены стандартом W3C еще при зарождении HTML и это означает, что они поддерживаются всеми версиями браузеров.

Закрывающий тег необязателен. Если его нет, то считается, что он совпадает с началом следующего открывающего тега <p>, а также тегов заголовков H и некоторых других. Для удобства и порядка, конечно, лучше всегда ставить закрывающие теги.

Содержание

  1. Первоначальные свойства <p>
  2. Атрибуты
  3. Почему стоит использовать именно параграф

Первоначальные свойства

<p>

Параграф в HTML по умолчанию обладает следующими свойствами CSS:

  1. font-size: 16px;
  2. display: block;
  3. margin-top, margin-bottom: 16 px или 1em;
  4. margin-left, margin-right: 0px;
  5. padding: 0px.

Абзацы разделяются между собой и другими элементами переводами строк.

Атрибуты

Параграф имеет один собственный атрибут, это:

align – значения: left, right, center, justify. Выравнивает текст по левому или правому краю, центру или по ширине (в HTML5 не поддерживается и значит нужно использовать text-align).

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

  1. class – имя класса;
  2. id – имя идентификатора;
  3. style – CSS свойства;
  4. translate – разрешает или запрещает перевод текста на другой язык;
  5. title – показывает информацию об элементе, при наведении на него курсора;

Также тег p поддерживает большинство событий JavaScript.

Обратите внимание, что пробелы, поставленные между открывающим тегом <p> и его содержимым, а также между содержимым и закрывающим </p> будут игнорироваться браузером. Чтобы сделать отступ в виде так называемой “красной строки” используйте CSS свойства text-indent, которое позволяет еще и определить размер отступа для нее.

Почему стоит использовать именно параграф

Семантическая верстка предполагает использование тегов по назначению. Конечно, вместо p можно установить

div и придать ему определенный стиль. Но когда нужно сделать абзац, то p подходит лучше всего. Если требуется стилизовать абзац, то для этого, скорее всего, потребуется указать меньше свойств, нежели для <div>.

Если вам необходимо сделать больше отступ между абзацами, используйте для этого CSS-свойство margin-bottom.

Внутри <p> можно использовать все прочие теги форматирования текста, такие как cite, i, b, strong и другие.

По стандарту <p> не может содержать в себе блочных элементов, таких как <div>.

На примере у параграфов задано одно CSS-свойство – установлен голубой фон. Хорошо видны свойства, установленные по умолчанию: отступы сверху и снизу, отсутствие внутренних отступов и т.д.

See the Pen
тег p by Андрей (@adlibi)
on CodePen.

Тег параметра HTML

❮ Предыдущий Полный справочник HTML Далее ❯


Пример

Установите для параметра «autoplay» значение «true», чтобы звук начинал воспроизводиться как как только страница загрузится:


 

Попробуйте сами »


Определение и использование

Тег используется для определения параметров элемент <объект>.


Поддержка браузеров

Тег поддерживается всеми основными браузерами. Однако формат файла определенные в
, могут не поддерживаться во всех браузерах.

Элемент
<параметр> Да Да Да Да Да

Атрибуты

Атрибут Значение Описание
наименование имя Задает имя параметра
значение значение Задает значение параметра

Глобальные атрибуты

Тег также поддерживает глобальные атрибуты в HTML.


Атрибуты событий

Тег также поддерживает атрибуты событий в HTML.


Связанные страницы

Ссылка HTML DOM: Parameter Object


Настройки CSS по умолчанию

Большинство браузеров отображают элемент со следующими значениями по умолчанию:

param {  
;
}

❮ Предыдущий Полный справочник HTML Следующий ❯


ВЫБОР ЦВЕТА



Лучшие учебники
Учебник HTML
Учебник CSS
Учебник JavaScript
How To Tutorial
Учебник SQL
Учебник Python
Учебник W3.CSS
Учебник Bootstrap
Учебник PHP
Учебник Java
Учебник C++
Учебник jQuery

900 Справочник

900 Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery

Основные примеры
Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3. CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

FORUM | О

W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.

Copyright 1999-2022 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.

Как использовать тег в HTML

В HTML абзацы определяются тегом HTML

. Элемент абзаца в документе HTML состоит из содержимого — текста, изображений или другого содержимого, например полей формы, — которое появляется между открывающим тегом

и закрывающим тегом

.

Абзацы относятся к классу элементов, называемых элементами блочного уровня. Элемент уровня блока начинается с новой строки и может занимать всю ширину страницы или ее контейнера, в зависимости от его ширины и того, что определено в CSS.

В этом посте мы объясним, как использовать тег

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

Тег абзаца в HTML Пример

Для разделения абзацев большинство браузеров по умолчанию применяют некоторые пробелы, помогая читателю легко отличить один абзац от другого. Однако есть и другие способы разделения абзацев с помощью CSS.

Вот простой пример использования тега

 в HTML.

Как видите, после закрытия тега

добавляется пробел, и следующая строка текста появляется как новый абзац.

Как использовать тег

в HTML

Теперь, когда мы предоставили пример, давайте рассмотрим, как использовать этот тег в HTML.

Что означает

в HTML?

— HTML-тег абзаца. Добавление

в документ HTML, за которым следует текст, создаст абзац на вашей странице. Добавление тега

завершит абзац.

Категория HTML

Элементы HTML сгруппированы в категории содержимого в зависимости от их назначения.

Элемент

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

Текущее содержимое — очень широкая категория, включающая большинство элементов HTML. Одним из немногих элементов, не входящих в поток контента, является элемент HTML-формы.

Категория потока контента имеет несколько подкатегорий:

  • Элементы заголовков, такие как

    ,

     до
  • Элементы секционирования, такие как
    ,
     и  
  • Фразовые элементы, такие как  и
  • Встраиваемые элементы, например