عرض مصدر HTML/p

<noinclude>{{DISPLAYTITLE:العنصر <code><p></code>}}</noinclude>
يُمثِّل العنصر <code><nowiki><p></nowiki></code> فقرةً نصيةً، وتُعرَض الفقرات عادةً على شكل أقسام من النص يفصل بينها بمسافة فارغة رأسية، أو بزيادة محاذاة أوّل سطر.

مثال عن استخدام العنصر <code><nowiki><p></nowiki></code>:<syntaxhighlight lang="html">
<p>تهدف موسوعة حسوب لتوفير توثيق عربي كامل وعالي الجودة، مدعّم بالأمثلة لمختلف لغات البرمجة وتقنيات تطوير الويب والجوال. تعتمد الموسوعة على فريق من المحررين والمساهمين المتطوعين أولي الخبرة البرمجية واللغوية، وترحّب بكل من يرغب بالمساهمة فيها. اعرف المزيد عن موسوعة حسوب بتصفح محتواها واطلع على دليل المساهمين.</p>

<p>محتوى موسوعة حسوب هو محتوى مرجعي، أي هو أقرب للقاموس تبحث فيه عمّا تحتاج له عند الحاجة. إذا كنت تبحث عن دروس تطبيقية، فننصحك بزيارة أكاديمية حسوب.</p>
</syntaxhighlight>

== بطاقة العنصر ==
{| class="wikitable" style="width: 100%;"
|-
! scope="row" style="width: 20%;" | تصنيفات المحتوى
| محتوى تنظيمي.
|-
! scope="row" | المحتوى المسموح
| محتوى عادي.
|-
! scope="row" | الوسم المختصر
| وسم البداية مطلوب. لكن وسم النهاية يمكن حذفه إذا أتى بعد العنصر <code><nowiki><p></nowiki></code> عنصر <code>[[HTML/address|<address>]]</code> أو <code>[[HTML/article|<article>]]</code> أو <code>[[HTML/aside|<aside>]]</code> أو <code>[[HTML/blockquote|<nowiki><blockquote></nowiki>]]</code> أو <code>[[HTML/div|<nowiki><div></nowiki>]]</code> أو [[HTML/dl|<nowiki><dl></nowiki>]] أو <code>[[HTML/fieldset|<fieldset>]]</code> أو <code>[[HTML/footer|<footer>]]</code> أو <code>[[HTML/form|<form>]]</code> أو <code>[[HTML/h1-h6|<nowiki><h1>-<h6></nowiki>]]</code> أو <code>[[HTML/header|<header>]]</code> أو <code>[[HTML/hr|<nowiki><hr></nowiki>]]</code> أو <code>[[HTML/menu|<menu>]]</code> أو <code>[[HTML/nav|<nav>]]</code> أو <code>[[HTML/ol|<nowiki><ol></nowiki>]]</code> أو <code>[[HTML/pre|<nowiki><pre></nowiki>]]</code> أو <code>[[HTML/section|<section>]]</code> أو <code>[[HTML/table|<nowiki><table></nowiki>]]</code> أو <code>[[HTML/ul|<nowiki><ul></nowiki>]]</code> أو عنصر <code><nowiki><p></nowiki></code> آخر مباشرةً، أو لم يعد هنالك محتوى إضافة في العنصر الأب ولم يكن العنصر الأب <code><a></code>.
|-
! scope="row" | العناصر الأب
| أي عنصر يقبل المحتوى التنظيمي.
|-
! scope="row" | واجهة DOM
| <code>HTMLParagraphElement</code>
|}

== دعم المتصفحات ==
{| class="wikitable" style="width: 50%;"
 !| Chrome
 ! Firefox
 ! Edge
 ! Safari
 ! Opera
|-
|مدعوم
|مدعوم
|مدعوم
|مدعوم
|مدعوم
|}

== الخاصيات ==
يمكن استخدام [[HTML/Global Attributes|الخاصيات العامة]] في هذا العنصر.

أصبحت الخاصية <code>align</code> قديمة ومهملة وغير مدعومة في HTML5، فلا تستعملها مع العنصر <code><nowiki><p></nowiki></code>.

== التنسيق الافتراضي ==
أغلبية المتصفحات تعرض العنصر <code><nowiki><p></nowiki></code> مع ضبط الخاصية <code>[[CSS/display|display]]</code> إلى <code>block</code>، وجعل الهامش العلوي <code>[[CSS/margin-top|margin-top]]</code> والسفلي <code>[[CSS/margin-bottom|margin-bottom]]</code> يساوي <code>1em</code>، وضبط الهامش الأيسر <code>[[CSS/margin-left|margin-left]]</code> والأيمن <code>[[CSS/margin-right|margin-right]]</code> إلى <code>0</code>:<syntaxhighlight lang="css">
p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}
</syntaxhighlight>

==مصادر ومواصفات==
*معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-p-element HTML Living Standard].
*مواصفة [http://www.w3.org/TR/html5/grouping-content.html#the-p-element HTML5]، حذف الخاصية <code>align</code>.
*مواصفة [http://www.w3.org/TR/html401/struct/text.html#h-9.3.1 HTML 4.01].
[[تصنيف:HTML|{{SUBPAGENAME}}]]
[[تصنيف:HTML Elements|{{SUBPAGENAME}}]]
[[تصنيف:HTML Text Content|{{SUBPAGENAME}}]]