HTML <p> العلامة

التعريف والاستخدام

<p> بصفتها علامة تعريف للفقرة.

سيقوم المتصفح بتحديد كل <p> أضف فقرة فارغة قبل وبعد العنصر.

نصيحة:استخدم CSS ضبط نمط الفقرة.

انظر أيضًا:

دليل HTMLفقرة HTML

دليل HTML DOMمفهوم الفقرة

مثال

مثال 1

تعليم الفقرة مثل هذا:

<p>هذا نص موجود في الفقرة.</p>

جربها بنفسك

مثال 2

تعديل تنسيق النص في الفقرة باستخدام CSS:

<p style="text-align:right">هذا نص موجود في الفقرة.</p>

جربها بنفسك

مثال 3

استخدام CSS لضبط نمط السطور الموجودة في الفقرات:

<html>
<head>
<style>
p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style>
</head>
<body>
<p>الصين، الرسمية جمهورية الصين الشعبية (PRC)، هي دولة في شرق آسيا. إنها ثاني أكثر دول العالم سكانًا، حيث يزيد عدد سكانها عن 1.4 مليار نسمة. تغطي الصين مساحة تساوي خمس مناطق زمنية وتحدها برًا عشرين دولة. بمساحة تقارب 9.6 مليون كيلومتر مربع (3.7 مليون ميل مربع)، هي ثالث أكبر دولة من حيث مساحة الأرض. ويقسم البلد إلى 22 محافظة، خمس مناطق إقليمية ذات حكم ذاتي، أربعة مناطق حضرية، واثنين من المناطق الخاصة ذات الحكم الذاتي. بكين عاصمة البلاد، بينما هيشنغهاي أكثر المدن اكتظاظًا وأكبر مركز مالي.</p>
</body>
</html>

جربها بنفسك

مثال 4

المزيد من المقطوعات:

<p>
في الكود المصدر،
هذا المقطع
تتضمن العديد من الأسطر،
لكن المتصفحات
تجاهله.
</p>

جربها بنفسك

مثال 5

مشكلة الشعر في HTML:

<p>
　　النصر يغادر في غيوم الزهور.
　　النهر في جلينغلين يرجع في يوم واحد.
　　صوت القرد على الجانبين لا يتوقف.
　　القارب قد عبر الـ1000 جبل.
</p>

جربها بنفسك

صفات العالمية

<p> يدعم أيضًا صفات العالمية في HTML.

صفات الحدث

<p> يدعم أيضًا صفات الحدث في HTML.

إعدادات CSS الافتراضية

معظم المتصفحات ستعمل باستخدام القيم الافتراضية التالية <p> العنصر:

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

جربها بنفسك

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
دعم دعم دعم دعم دعم