HTML Ordered Lists
القوائم المرقمة في لغة HTML
سوف تتعلم في هذا الدرس بناء عدة عناصر نصية مترابطة مرقمة عن طريق عنصر ol في لغة HTML.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
HTML Ordered List
القوائم المرقمة في لغة HTML
</>
Ordered Lists In HTML
القوائم المرتبة في HTML
تُستخدم القوائم المرقمة [ordered lists] في لغة HTML، في صف وترتيب مجموعة العناصر نصية ترتيباً تسلسلياً، حيث يبدأ عد العناصر من رقم واحد، كما يمكن تغيير الأرقام إلى عناصر أو حروف أخرى.
- عنصر <ol> هو العنصر المسؤول عن إنشاء قائمة مرقمة، وهو من نوع العناصر المُتداخلة nested elements.
- يتم إنشاء كل عنصر نصي داخل القائمة عن طريق عنصر <li> في لغة HTML، وهو من نوع العناصر المُتداخلة nested elements.
- يمكن إضافة عدد غير محدود من العناصر النصية داخل القوائم المرقمة.
Ordered Llist
تُستخدم ordered list قائمة العناصر المرتبة في لغة HTML، عندما تريد جمع المعلومات والبيانات النصية في قائمة مرتبة، أي أن ترتيب العناصر وتسلسلها مهم في هذا النوع من القوائم، كما في المثال التالي:
<ol>
<!-- List Items -->
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>PHP</li>
</ol>
القوائم المرقمة و القوائم المرتبة
</>
How To Write Ordered Lists In HTML
كيفية كتابة القوائم المرتبة في HTM
في البداية نقوم بإنشاء عنصر <ol> لبناء حاوية القائمة المرقمة، ثم نضع بداخله عنصر <li> لإضافة عناصر القائمة.
أي نضع كل تعداد نريد إضافته ضمن القائمة داخل عنصر <li> </li>.
Ordered 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
منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
الدورات
لا يوجد
