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

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

Ordered list

تُستخدم ordered list قائمة العناصر المرتبة في لغة HTML، عندما تريد جمع المعلومات والبيانات النصية في قائمة مرتبة- أي أن ترتيب العناصر وتسلسلها مهم في هذا النوع من القوائم-، كما في المثال التالي:

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

جربها بنفسك

</> HTML ordered lists syntax
طريقة كتابة القوائم المرقمة في لغة HTML

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

أي نضع كل تعداد نريد إضافته ضمن القائمة داخل عنصر <li> </li>.

Order list element

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

<ol>

</ol>

Order list item element

عنصر <li> المسؤول عن إضافة عناصر داخل القوائم المرقمة.

<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

HTML Ordered List

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