ال ' 'العلامة لعرض النص على صفحة الويب التي تعتبر فقرة. تأتي العلامة '
' بمسافة رأسية محددة مسبقًا تتم إضافتها قبل الفقرة وبعدها. يظهر النص الموجود داخل العلامة '
' دائمًا في السطر التالي ويتخطى المسافات الزائدة أيضًا. يمكن للمطورين استخدام علامة p لفصل المحتوى إلى أقسام مميزة أو لتنظيم المعلومات بشكل منطقي.
يوضح هذا الدليل علامة HTML p جنبًا إلى جنب مع التنفيذ العملي.
ما هي علامة HTML p؟
ال ' 'علامة في صفحة الويب لتحسين بنية المحتوى ولجعل النص أكثر بروزًا. يساعد في عملية تحسين محركات البحث لصفحة الويب والتي يمكنها تحسين ترتيب موقع الويب في نتائج البحث.
بناء الجملة
بناء جملة ' 'يتم عرض العلامة على النحو التالي:
< ص > لينكس ص >
في سطر التعليمات البرمجية أعلاه ، ' 'هي علامة البداية ، و'
'هي علامة الإغلاق. يعد استخدام علامة الإغلاق إلزاميًا لتجنب تعقيد عناصر HTML وتداخلها.
تفضل بزيارة المثال أدناه لفهم كيفية ' 'العلامة تعمل:
< جسم >< ص > مرحبًا مجتمع Linuxhint ص >
جسم >
يتم عرض إخراج مقتطف الشفرة أعلاه أدناه:
يُظهر الإخراج أعلاه النص العادي الذي يتم عرضه على الشاشة باستخدام ' ' بطاقة شعار.
كيفية تطبيق نمط CSS على علامة
؟
ال ' 'علامة السمات العامة مثل' فصل '،' بطاقة تعريف ' أو ' أسلوب 'وما إلى ذلك والتي يمكن استخدامها لتصميم العنصر المحدد باستخدام خصائص CSS. يمكن للمطور استخدام إحدى السمات العامة لتطبيق خصائص CSS على عناصر محددة فقط. ولتطبيق الأنماط على الجميع ' 'التي يتم استخدامها في صفحة الويب ، حدد HTML مباشرةً' ص 'داخل ملف CSS أو' <ستايل> ' بطاقة شعار.
مثال 1: تطبيق خصائص CSS على جميع العناصر 'p'
لتعيين نفس الأنماط على جميع عناصر
HTML ، قم بزيارة مقتطف الشفرة أدناه:
< أسلوب >ص {
لون الخلفية: فورستجرين.
اللون الابيض؛
}
أسلوب >
< جسم >
< ص > مرحبًا مجتمع Linuxhint ص >
< ص > مرحبًا مجتمع Linuxhint ص >
< ص > مرحبًا مجتمع Linuxhint ص >
< ص > مرحبًا مجتمع Linuxhint ص >
جسم >
في مقتطف الشفرة أعلاه ، فإن CSS ' لون الخلفية ' و ' لون 'يتم تطبيق خصائص' على ' ص 'عن طريق تحديد' ص 'محدد العنصر.
بعد تنفيذ مقتطف الشفرة أعلاه ، تبدو صفحة الويب كما يلي:
يوضح الناتج أعلاه أنه تم تطبيق نفس التصميم على جميع ' ص 'على صفحة الويب.
مثال 2: تطبيق خصائص CSS على عنصر 'p' فريد
لتطبيق الأنماط على ' ص '، يمكن استخدام سمات النمط أو المعرف أو الفئة. تطبق هذه السمات العامة خصائص CSS على ' ص 'التي ترتبط بها.
دعنا نزور رمز:
< أسلوب >ص {
لون الخلفية: فورستجرين.
اللون الابيض؛
}
. using-class {
لون الخلفية: darkcyan ؛
}
# باستخدام معرف {
لون الخلفية: روز براون.
}
أسلوب >
< جسم >
< ص > مرحبًا مجتمع Linuxhint ص >
< ص أسلوب = 'لون الخلفية: أحمر' > مرحبًا مجتمع Linuxhint ص >
< ص فصل = 'باستخدام الطبقة' > مرحبًا مجتمع Linuxhint ص >
< ص بطاقة تعريف = 'باستخدام معرف' > مرحبًا مجتمع Linuxhint ص >
< ص > مرحبًا مجتمع Linuxhint ص >
جسم >
في مقتطف الشفرة أعلاه ، خاصية لون الخلفية لـ ' ص 'يتم تعيين العنصر بقيم مختلفة عند استخدامه مع السمات العامة.
بعد تنفيذ مقتطف الشفرة أعلاه ، تظهر صفحة الويب على النحو التالي:
يوضح الناتج أعلاه أن ' ص 'يتم الآن تصميم العناصر بشكل فريد بمساعدة السمات العامة.
خاتمة
ال ' '
.