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

Содержание

HTML тег

❮ Назад Вперед ❯

Тег определяет параграф или текстовый абзац. Элемент является блочным, а значит его содержимое всегда начинается с новой строки и занимает всю доступную ширину. Следующие один за другим абзацы разделяются между собой отбивкой, величину которой можно задавать при помощи CSS свойства margin. Для перевода строки внутри абзаца используется тег .

Пробелы между открывающим тегом и его содержимым игнорируются браузером. Чтобы установить отступ (красную строку), используйте CSS свойство text-indent.

Текстовые абзацы и параграфы заключаются в открывающий () и закрывающий () теги. Если нет закрывающего тега нет, то считается, что конец абзаца совпадает с началом следующего блочного элемента.

Тег не может содержать таблицы и другие блочные элементы.

Пример

<!DOCTYPE html>
 <html>
   <head>
      <title>Заголовок окна веб-страницы</title>
   </head>
   <body>
          <p>Это параграф</p>
   </body>
 </html>

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

Результат

Для выравнивания текста в абзаце вместо устаревшего атрибута align, необходимо использовать CSS свойство text-align.

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок окна веб-страницы</title>
    <style>
      div.paragraph {
        text-align: center;
      }
    </style>
  </head>
  <body>
    <h2>Заголовок окна веб-страницы</h2>
    <div>
      <p>Выравнивание текста по центру установлено при помощи CSS свойства text-align</p>
    </div>
  </body>
</html>

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

Результат

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

Как добавить стиль к тегу <label> ?

Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега <label>:

CSS свойство font-style задает стиль шрифта: normal | italic | oblique | initial | inherit
CSS свойство font-family создает приоритетный список названий семейства шрифтов и/или общее имя шрифтов для выбранных элементов.
CSS свойство font-size задает размер щрифта.
CSS свойство font-weight устанавливает насыщенность шрифта.
CSS свойство text-transform задает регистр текста (заглавные или строчные буквы).
CSS свойство text-decoration устанавливает оформление текста. Оно является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.

Цвет текста внутри тега <label>:

CSS свойство color определяет цвет контента и оформления текста.
CSS свойство background-color устанавливает фоновый цвет элемента.

Стили форматирования текста для тега <label>:

CSS свойство text-indent указывает размер отступа первой строки в текстовом блоке.
CSS свойство text-overflow указывает, как будет отображаться пользователю строчный текст, выходящий за границы блока.
CSS свойство white-space указывает, как будут отображены пробелы внутри элемента.
CSS свойство word-break указывает перенос строки.

Другие свойства для тега <label>:

CSS свойство text-shadow добавляет тень к тексту.
CSS свойство text-align-last выравнивает последнюю строку текста.
CSS свойство line-height устанавливает межстрочный интервал.
CSS свойство letter-spacing устанавливает расстояние между буквами/символами в тексте.
CSS свойство word-spacing устанавливает расстояние между словами в тексте.

| WebReference

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

Синтаксис

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

Атрибуты

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

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

Пример

<!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title>P</title> </head> <body> Рекомендуется совершить прогулку на лодке по каналам города и Озеру Любви. Венгры страстно любят танцевать, особенно ценятся национальные танцы. Из первых блюд распространены супы-пюре и бульоны, но подают их редко. </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 (Черновик спецификации) — первая черновая версия стандарта.

Браузеры


1	12	1	1	1	1


1	1	6	1

Браузеры

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

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

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

Текст

Практика

Абзацы
Добавление элемента
Картинки друг под другом

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

Элементы HTML

Атрибуты

Значения

Типы элементов

Аудио и видео

Документ

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Формы

Фреймы

Тег HTML p

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

Пример

Абзац размечен следующим образом:

Это какой-то текст в абзаце.

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

Ниже приведены дополнительные примеры «Попробуйте сами».

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

Тег

определяет абзац.

Браузеры автоматически добавляют одну пустую строку до и после каждого

элемент.

Совет: Используйте CSS для оформления абзацев.

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

Элемент
	Да	Да	Да	Да	Да

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

Тег

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

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

Тег

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

Дополнительные примеры

Пример

Выровнять текст в абзаце (с помощью CSS):

Это какой-то текст в абзаце.

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

Пример

6 9 абзацы с CSS:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna Аликва. Ut enim ad minim veniam, quis nostrud exercitation ullamco Laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidat non proident, sunt in culpa qui officia удостовериться, что анимация id est Laborum.

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

Пример

Подробнее о абзацах:

Этот абзац
содержит много строк
в исходном коде, но браузер

игнорирует его.

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

Пример

Проблемы со стихотворением в HTML:

Моя Бонни лежит над океаном.
Моя Бонни лежит над морем.
Мой Бонни лежит над океаном.
О, верни мне мою Бонни.

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

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

Учебник HTML: HTML Paragraphs

Ссылка HTML DOM: Paragraph Object со следующими значениями по умолчанию:

Пример

p {
display: block;
Верхнее поле: 1em;
нижнее поле: 1em;
левое поле: 0;
правое поле: 0;
}

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

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

ВЫБОР ЦВЕТА

Лучшие учебники

Учебник HTML
Учебник CSS
Учебник JavaScript
How To Tutorial
Учебник SQL
Учебник Python
Учебник W3.

CSS
Учебник Bootstrap
Учебник PHP
Учебник Java
Учебник C++
Учебник jQuery

9003 Справочник

900364 HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference

3 Top4 Examples Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

FORUM | О

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

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

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

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

Пример

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

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

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

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

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

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

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

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

HTML тег

Пример

Результат

Пример

Результат

Как добавить стиль к тегу <label> ?

Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега <label>:

Цвет текста внутри тега <label>:

Стили форматирования текста для тега <label>:

Другие свойства для тега <label>:

| WebReference

Синтаксис

Атрибуты

Пример

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

Браузеры

Практика

Элементы HTML

Атрибуты

Значения

Типы элементов

Тег HTML p

Пример

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

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

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

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

Дополнительные примеры

Пример

Пример

Пример

Пример

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

Пример

ВЫБОР ЦВЕТА

Лучшие учебники

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

Пример

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

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

Атрибуты

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

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

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

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

ВЫБОР ЦВЕТА

Лучшие учебники

Основные примеры

Добавить комментарий Отменить ответ