تُستخدم القوائم المرقمة [ordered lists] في لغة HTML، في صف وترتيب مجموعة العناصر نصية ترتيباً تسلسلياً، حيث يبدأ عد العناصر من رقم واحد، كما يمكن تغيير الأرقام إلى عناصر أو حروف أخرى.

عنصر <ol> هو العنصر المسؤول عن إنشاء قائمة مرقمة، وهو من نوع العناصر المُتداخلة nested elements له علامة فتح <ol> وعلامة إغلاق </ol>.
يتم إنشاء كل عنصر نصي داخل القائمة عن طريق عنصر <li> في لغة HTML، وهو من نوع [العناصر المتداخلة nested elements] أي له علامة فتح <li> وعلامة إغلاق </li>.
يمكن إضافة عدد غير محدود من العناصر النصية داخل القوائم المرقمة.

Ordered Llist

تُستخدم القوائم المرتبة [Ordered List] في HTML لجمع المعلومات النصية بترتيب محدد، حيث يكون تسلسل العناصر مهمًا، كما في المثال التالي:

<ol>
    <!-- List Items -->
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
   <li>PHP</li>
  </ol>

جربها بنفسك

القوائم المرقمة و القوائم المرتبة

في لغة HTML، تُستخدم مصطلحات القوائم المرقمة والقوائم المرتبة بالتبادل، وتشير كلتاهما إلى القوائم التي تُعرض عناصرها بتسلسل رقمي أو حرفي باستخدام العنصر <ol>.

</> How to Write Ordered Lists in HTML
كيفية كتابة القوائم المرتبة في HTM

نبدأ بإنشاء عنصر <ol> كحاوية للقائمة المرقمة، ثم ندرج بداخلها عنصر <li> لإضافة عناصر القائمة. وبذلك، نضع كل عنصر نريده ضمن القائمة داخل <li>.

Ordered List Element

عنصر <ol> هو المسؤول عن إنشاء القوائم المرقمة.

<ol>

</ol>

Order List Item Element

عنصر <li> يُستخدم لإضافة عناصر داخل القوائم المرتبة <ol>.

<ol>
  <li>List Item</li>
</ol>

Ordered Lists Syntax

كيفية إنشاء القوائم المرقمة في لغة HTML كما يلي:

<ol>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
  <li>PHP</li>
</ol>

جربها بنفسك

معلومة تهمك

يمكنك وضع أي نصوص أو عناصر HTML أخرى داخل القائمة المرتبة.
باستخدام لغة CSS، يمكنك التحكم في تنظيم الأرقام داخل القائمة المرتبة وتغيير شكلها.

معلومات تهمك

لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.

عدد المشاركات

التالى

CLOSETAG

منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.

HTML Ordered Lists
القوائم المرقمة في لغة HTML

التاريخ

الدروس

المستوى

اللغة

المشاهدات

المواضيع

الشروحات HTML Ordered Lists HTML