Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Тег <p>



Пример

Параграф помечается следующим образом:

<p>Это какой-то текст в параграфе.</p>
Попробуйте сами »


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

Тег <p> определяет параграф.

Браузеры автоматически добавляют одну пустую строку до и после элемента <p>.

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


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

Элемент
<p> Да Да Да Да Да

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

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


События атрибутов <p>

Тег <p> также поддерживает События атрибутов в HTML.


Еще примеры <p>

Пример

Выравнивание текста в параграфе (с помощью CSS):

<p style="text-align:right">Это какой-то текст в параграф.</p>
Попробуйте сами »
Пример

Стиль параграфа с помощью CSS:

<html>
 <head>
  <style>
   p {
    color: navy;
    text-indent: 30px;
    text-transform: uppercase;
}
  </style>
 </head>
 <body>

  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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 cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

 </body>
</html>
Попробуйте сами »
Пример

Еще про параграфы:

<p>
Это параграф
содержит много строк в исходном коде
, но браузер
игнорирует его.
</p>
Попробуйте сами »
Пример

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

<p>
Моя Бонни лежит за океаном.
Моя Бонни лежит над морем.
Моя Бонни лежит над океаном.
O, вернись ко мне мою Бонни.
</p>
Попробуйте сами »

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

HTML Учебник: HTML Параграфы

HTML DOM Справочник: Объект Paragraph


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

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

Пример
p {
 display: block;
 margin-top: 1em;
 margin-bottom: 1em;
 margin-left: 0;
 margin-right: 0;
}
Попробуйте сами »