HTML - Ordered Lists القوائم المرتبة
القوائم المرتبة في HTML (HTML Ordered Lists)
القائمة المرتبة <ol> تُستخدم لعرض عناصر بترتيب معين، مثل خطوات أو تسلسل زمني. كل عنصر يوضع داخل وسم <li>.
✅ الصيغة العامة:
<ol>
<li>العنصر الأول</li>
<li>العنصر الثاني</li>
<li>العنصر الثالث</li>
</ol>
🧪 مثال عملي:
<ol>
<li>استيقظ مبكرًا</li>
<li>تناول الفطور</li>
<li>اذهب إلى العمل</li>
</ol>
⬅ يتم ترقيم العناصر تلقائيًا بالأرقام 1، 2، 3...
🔸 تغيير نوع الترقيم باستخدام السمة type:
يمكن تغيير طريقة الترقيم باستخدام الخاصية type داخل وسم <ol>:
type="1"➜ أرقام عادية (1، 2، 3) – الوضع الافتراضيtype="A"➜ أحرف كبيرة (A، B، C)type="a"➜ أحرف صغيرة (a، b، c)type="I"➜ أرقام رومانية كبيرة (I، II، III)type="i"➜ أرقام رومانية صغيرة (i، ii، iii)
<ol type="A">
<li>تفاحة</li>
<li>موزة</li>
<li>عنب</li>
</ol>
🔸 تحديد رقم بداية الترقيم باستخدام start:
<ol start="5">
<li>مهمة واحدة</li>
<li>مهمة اثنين</li>
</ol>
⬅ يبدأ الترقيم من الرقم 5 بدلًا من 1.
📌 ملاحظات:
- القوائم المرتبة مثالية لعرض خطوات، تعليمات، أو تسلسلات زمنية.
- يمكنك التداخل بين القوائم المرتبة وغير المرتبة حسب الحاجة.
- السمة
typeلا تعمل في بعض إصدارات HTML5 الحديثة، لكن تُدعم غالبًا من المتصفحات.
تعليقات
إرسال تعليق