HTML <p> علامة
مثال
يتم تمييز الفقرة على النحو التالي:
<p>This is some text in a paragraph.</p>
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
العلامة <p>
تحدد فقرة.
تضيف المستعرضات تلقائيًا سطرًا فارغًا واحدًا قبل وبعد كل <p>
عنصر.
نصيحة: استخدم CSS لتصميم الفقرات .
دعم المتصفح
Element | |||||
---|---|---|---|---|---|
<p> | Yes | Yes | Yes | Yes | Yes |
السمات العالمية
تدعم <p>
العلامة أيضًا السمات العامة في HTML .
سمات الحدث
تدعم <p>
العلامة أيضًا سمات الحدث في HTML .
مزيد من الأمثلة
مثال
محاذاة النص في فقرة (باستخدام CSS):
<p style="text-align:right">This is some text in a paragraph.</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>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
مثال
مشاكل القصيدة في HTML:
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My
Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
الصفحات ذات الصلة
دروس HTML: فقرات HTML
مرجع DOM HTML: فقرة كائن
إعدادات CSS الافتراضية
ستعرض معظم المتصفحات <p>
العنصر بالقيم الافتراضية التالية:
مثال
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}