Тег p: Тег | htmlbook.ru – Тег | HTML справочник

Описание тега P

 

 

Описание тега P

 

Тег <P> — определяет текстовый параграф и является блочным элементом. При помощи этого тега практически можно написать сайт полностью.

По данной причине блок всегда начинается с новой строки. Между блоками тега <P> по умолчанию существует промежуток, величина которого регулируется при помощи стилей CSS. Открывающемуся тегу <P> обязательно следует закрывающийся тег </P>, если такой (</P>) отсутствует, то данным блоком будет считаться вся набивка (контент, наполнение страницы), и в результате произойдет ошибка. Внутри такого блока можно творить с текстом что угодно. Можно окрашивать текст, изменять размер. Все эти параметры формируются в тех же стилях. А можно внутри блока применять другие теги для форматирования текста, что не будет ошибкой.

Вот некоторые моменты, которые необходимы для верстки страницы с помощью тега <P>:

Синтаксис тега <P>:

Параметры тега <P>:

<p align=»left | center | right | justify»>.ТЕКСТ.</p> — выравнивание текста относительно левого и правого края.

Аналогично в стилях CSS — пишется — text-align

Синтаксис стилей CSS для тега <P>:

Применим к параграфу некоторые стили и запишем их в файл стилей CSS. Для этого присвоим тегу id=»paragraf»

Примеры написания параграфов.

center — Выравнивание текста по центру. Текст помещается по центру страницы, или блока. Очень удобный способ
выравнивания удобно использовать в заголовках и различных подписях, придает оформлению текста официальный 
стиль, но большой объем такого текста читать не очень неудобно.

left — Выравнивание текста по левому краю.Правый край будет не ровным. Такой способ многим нравиться,
потому что позволяет легко находить следующую строку, что облегчает чтение большого текста.

right — Выравнивание текста по правому краю. 
Этот способ выравнивания применяется крайне редко, разве только при
написании другим языком, или для определенного оформления.
Просто слева будет текст рваный.

justify — Выравнивание по ширине, что означает одновременное выравнивание по левому и правому краю. Чтобы произвести это действие браузер в этом случае добавляет пробелы между словами. Кстати, довольно неплохой способ для написания большого текста без использования переносов строки, или нежелания выделять абзацы, вообще-то для ленивых, как мы.

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

Теги HTML — Тег

Описание

Определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой

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

Синтаксис

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

Атрибуты

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

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

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

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

Пример. Использование тега <p>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег P</title>
 </head>
 <body>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
  <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper
  suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
 </body>
</html>

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

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

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

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

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

Браузеры: Настольные Мобильные     ?

Internet ExplorerChromeOperaSafariFirefox
11111
AndroidFirefox MobileOpera MobileSafari Mobile
1161

Браузеры

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

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

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

Блочные элементы. | Текст. | Форматирование.

p — Xiper.net

Автор: Евгений Рыжков Дата публикации: 15.01.2009

Тег <p> (англ. paragraph — параграф) — тег-контейнер, предназанчен для создания абзацев.
Блочный элемент.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<p>...</p>

Атрибуты

Основные Вспомогательные События

align выраванивание текста в абзаце
  • left — выравнивание по левой границе (по умолчанию)
  • center — выравнивание по центру
  • right — выравнивание по правой границе
  • justify — выравнивание по ширине
class определяет имя используемого класса
dir определяет направление символов:
  • ltr — слева направо
  • rtl — справа налево
id уникальный идентификатор
lang определяет используемый язык
onclick щелчок на элементе
ondblclick двойной щелчок на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
style задает встроенную таблицу стилей
title добавляет всплывающую подсказку

Пример

<p> Абзац — малоисследованный компонент литературной формы, имеющий композиционное, сюжетно-тематическое, ритмическое значение и связанный со стилем автора. </p>

Рекомендации по использованию

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

Твой код:
<html> <head> <title></title> </head> <body> <p>Абзац — малоисследованный компонент литературной формы, имеющий композиционное, сюжетно-тематическое, ритмическое значение и связанный со стилем автора.</p> </body> </html> Сделай код и жми тут

Результат:
большой полигон

По теме

seodon.ru | Теги HTML — Тег P

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

Атрибут align, тега <P>, применяется для горизонтального выравнивания содержимого параграфа.

Значения

Значением атрибута является одно из зарезервированных слов.

  • center — Выравнивание каждой строки по центру параграфа.
  • left — Каждая строка вплотную прижимается к левой стороне параграфа.
  • right — Каждая строка прижимается к правой стороне.
  • justify — Выравнивание сразу по левой и правой сторонам параграфа. Каждая строка равномерно распределяется по ширине, в случае необходимости между элементами или словами добавляются пробелы. Первый и последний элементы строки всегда прижаты к соответствующим сторонам.

Значение по умолчанию: left.

Синтаксис

<p align="значение">...</p>

Обязательный атрибут: нет.

Пример HTML: применение атрибута align

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Тег P, атрибут align</title>
 </head>
 <body>
  <p align="justify">Очередной ошибкой начинающих создателей сайтов является
   использование в HTML-страницах графических изображений больших объемов
   (в килобайтах) или использование графических форматов неоптимальных для
   интернета, например BMP. Лучше всего использовать в сети форматы GIF, JPG или PNG.
  </p>
 </body>
</html>

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

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

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ЧастичноНетЧастичноНет

В HTML 4.01 и XHTML 1.0 использовать атрибут align допускается только с <!DOCTYPE> Transitional и Frameset, в противном случае будет невалидный код. А вообще, рекомендуется применять стили (CSS).

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

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа

Тег p и заголовки

Снова всем здравствуйте сегодня, мы рассмотрим, такой тег как <p> и <h2></h2>….<h6></h6>. <p> этот тег создает абзац, с текстом данный тег относится только к тексту с его помощью можно установить текст в разных строках пример:


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

В блокноте

Вид в браузере

 

 

 

 

 


Как мы видим у нас эти два слова находятся не на одной строке, а каждый на своей. У этого тега также есть и атрибуты. Атрибуты это дополнительные команды к тегу.

 

У данного тега есть атрибут align данная команда часто используется и работает во многих тегах. Отвечает она за выравнивание текста. Пример <p align=»left или center или right или justify«>…</p>


Если мы пишем align=left то наш текст будет, выравнивается по левому краю это очень часто используется, так как это удобно и можно сразу определить, где начинается новая строка.
Если мы пишем align=center, то выравнивание текста будет по центру. Часто такое расположение используют для заголовков страниц.


Если напишем align=right текст будет, выравнивается по правому краю страницы, это выравнивание не очень удобно потому, что левый край остается пустым и читать становится проблематично.
И наконец, последний тип выравнивания align= justify создается одновременно выравнивание по левому и правому краю.
Чтобы было проще я напишу пример этого .


<html>
<body>
<p align=»left»> Мой текст для моей странички</p>
<p align=» center «> Мой текст для моей странички</p>
<p align=» right»> Мой текст для моей странички</p>
<p align=» justify «> Мой текст для моей странички</p>
</body>
</html>

Пример в блокноте

Результат в браузере

 

 

 

 

 


Далее тег <h2></h2> это заголовок как, например, в текстовом документе вы делаете заголовки так и в вашей страничке можно сделать заголовок <h2> это самый большой по размеру <h3> по меньше и так далее до <h6>- он самый маленький. Пример:


<html>
<body>
<h2> Мой первый сайт</h2>
</body>
</html>

Код в блокноте

Заголовок h2 в браузере

 

 

 

 

 


Вот как это выглядит на фото.
Далее для сравнения я написать небольшой пример :


<html>
<body>
<h2> Мой первый сайт</h2>
<h3> Мой первый сайт</h3>
<h4> Мой первый сайт</h4>
<h5> Мой первый сайт</h5>
<h5> Мой первый сайт</h5>
<h6> Мой первый сайт</h6>
</body>
</html>

Теги h2-h6

Результат

 

 

 

 


В теги <h2> по <h6> также можно использовать атрибут align в нем работают все выравнивание, такие как по левому краю, правому, по центру и с обеих сторон. Вот сегодня мы с вами разобрали два тега. Удачи пробуйте, если, что-то не получается, пишите обязательно помогу.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *