HTML / الفقرات
مفهوم الفقرات
الفقرة (Paragraph) عبارة عن مساحة يتم تخصيصها لعرض النص الذي نضعه فيها على سطر جديد. تستخدم الفقرات لتنظيم المحتوى في صفحات الويب، مما يسهل على المستخدمين قراءة النص وفهمه.
في هذا الدرس ستتعرف على أنواع الفقرات التي يمكن إضافتها في الصفحة.
أنواع الفقرات
هناك نوعان من الفقرات التي يمكن إضافتها في الصفحة:
- فقرات مخصصة لعرض النص بالشكل المناسب.
- فقرات مخصصة لعرض النص كما هو.
الفقرات المخصصة لعرض النص بالشكل المناسب
لعرض نص عادي في الصفحة نضع النص بداخل <p>...
إسم الوسم p هو اختصار لكلمة Paragraph التي تعني فقرة.
<p>This is a paragraph.</p><p>This is another paragraph.</p>
النزول على سطر جديد في الفقرة
لإعلام المتصفح أنك تريد النزول على سطر جديد بداخل الفقرة, يجب وضع <br> في نهاية السطر.
<p>Here we break the paragraph.<br>This will appear on a new line.</p>
عرض أكثر من مسافة بين الكلمات في الفقرة
لإعلام المتصفح أنك تريد وضع أكثر من مسافة فارغة وراء بعض في النص، فالحل هو استخدام الرمز .
<p> We add 4 white spaces at the beginning.</p>
الفقرات المخصصة لعرض النص كما هو
لعرض النص كما يظهر بالضبط في الكود نضع النص بداخل <pre>...
<pre>Name: Ahmed AlJob: ProgrammerAge: 27</pre>
طريقة عرض كود HTML في الصفحة
لجعل المتصفح يعتبر الكود المكتوب كأحرف عادية، يجب تحويل كل < إلى < وكل & إلى &.
<pre><!DOCTYPE html><html><body><p>HTML & CSS are so easy to learn</p></body></html></pre>
طريقة عرض خط أفقي
لعرض خط أفقي في الصفحة نضع <hr> فقط.
<p>In Harmash.com you can learn everything you need for free.</p><hr><p>You can learn Algorithms, Java, C++, Python, SQL etc..</p>
تطبيقات عملية للفقرات
يمكن استخدام الفقرات في العديد من التطبيقات العملية على الويب. إليك بعض الاستخدامات الشائعة:
- مواقع الويب الشخصية: يمكن استخدام الفقرات لعرض السيرة الذاتية أو المحتوى الشخصي.
- المدونات: الفقرات تلعب دوراً هاماً في تنسيق المقالات وتسهيل قراءة المحتوى.
- صفحات المنتجات: يمكن استخدام الفقرات لوصف المنتجات ومواصفاتها بشكل واضح.
الخاتمة
تعتبر الفقرات من العناصر الأساسية في HTML، حيث تساعد في تنظيم النصوص وتسهيل قراءتها. من خلال فهم كيفية استخدام الفقرات بشكل صحيح، يمكنك تحسين تجربة المستخدم في صفحات الويب الخاصة بك.