في لغة HTML، تُعد عناصر الفقرة من أهم العناصر التي تساعد في تنظيم وتنسيق المحتوى على صفحات الويب. يتم استخدام عناصر الفقرة لتجميع النصوص المرتبطة ببعضها البعض وتمييزها كوحدة منفصلة على الصفحة.
هناك عدة عناصر تستخدم في HTML لإنشاء فقرة، وفي هذا المقال سنقدم شرحًا مفصلًا لأهم هذه العناصر مع أمثلة توضيحية بالكود.
العنصر <p>
يُعتبر العنصر <p> هو الأكثر استخدامًا لإنشاء فقرة في HTML. يتم استخدام العنصر <p> لتجميع النصوص المتعلقة ببعضها البعض وتنسيقها كوحدة منفصلة على الصفحة.
لإنشاء فقرة باستخدام العنصر <p>، يجب وضع النص المراد تجميعه بين علامتي <p> و </p> كما يلي:
<p>هذا هو نص الفقرة.</p>يمكن استخدام العنصر <p> لإنشاء فقرات متعددة على الصفحة، حيث يتم وضع كل فقرة بين علامتي <p> و </p> كما يلي:
<p>هذه هي الفقرة الأولى.</p> <p>هذه هي الفقرة الثانية.</p>العنصر <br>
نستطيع أن نستخدم العنصر <br> لإنشاء فقرة بدون تجميع النصوص بينها. يتم استخدام العنصر <br> لإنشاء فواصل بين الأجزاء المختلفة في الصفحة.
لإنشاء فقرة باستخدام العنصر <br>، يجب وضع العنصر بمفرده بدون إغلاقه بعلامة نهاية، كما يلي:
هذه الجملة الأولى.<br>هذه الجملة الثانية.يمكن استخدام العنصر <br> لإنشاء فواصل بين الفقرات المختلفة، حيث يتم وضع العنصر بمفرده بدون إغلاقه بعلامة نهاية بين كل فقرة، كما يلي:
<p>هذه هي الفقرة الأولى.<br> <br>هذه هي الفقرة الثانية.</p>العنصر <div>
نستطيع أن نستخدم <div> لتجميع العناصر المختلفة في مجموعات وتنسيقها بشكل منفصل عن بقية الصفحة. يُعتبر العنصر <div> هو الأكثر استخدامًا لتنظيم الصفحة وتقسيمها إلى أجزاء مختلفة.
لإنشاء فقرة باستخدام العنصر <div>، يجب وضع العنصر بين علامتي <div> و </div> كما يلي:
<div>هذا هو نص الفقرة.</div>يمكن استخدام العنصر <div> لتجميع العناصر المختلفة داخله، حيث يتم وضع كل عنصر بين علامتي <div> و </div> كما يلي:
<div> <p>هذه هي الفقرة الأولى.</p> <p>هذه هي الفقرة الثانية.</p> </div>
