<ol>
وسم القائمة المرتبة <ol>
وسم ol ينشئ قائمة مرقمة تلقائيًّا لعناصر يهم ترتيبها — خطوات، تعليمات، تصنيفات.
القائمة المرتبة (ordered) ترقّم عناصرها تلقائيًّا 1، 2، 3… ويعاد الترقيم وحده عند إضافة أو حذف عنصر — لا ترقّم يدويًّا أبدًا. تُستخدم حيثما يحمل الترتيب معنى: خطوات تثبيت، وصفة، ترتيب نتائج.
يدعم البدء من رقم معين عبر start، وعكس الترقيم عبر reversed، وأنماط ترقيم مختلفة (حروف، أرقام رومانية) عبر CSS أو type.
الصياغة
<ol> <li>الخطوة الأولى</li> <li>الخطوة الثانية</li> </ol>
⚡ جرّب بنفسك
عدّل الكود واضغط «تحديث» لترى النتيجة فورًا — التجربة أفضل معلّم.
🎨 محرّر HTML/CSS
<h3>خطوات إنشاء صفحة</h3> <ol> <li>أنشئ ملف index.html</li> <li>اكتب الهيكل الأساسي</li> <li>افتحه بالمتصفح</li> </ol>
النتيجة المباشرة:
أهم الخصائص
| الخاصية | الوظيفة |
|---|---|
| start | رقم البداية — start="5" يبدأ الترقيم من 5 |
| reversed | ترقيم تنازلي — مناسب لقوائم «أفضل 10» |
| type | نمط الترقيم: 1 أرقام، a/A حروف، i/I أرقام رومانية |
💡 نصائح عملية
- قسّمت قائمة على صفحتين؟ استخدم start لمواصلة الترقيم
- الترتيب غير مهم؟ ul هي الصحيحة دلاليًّا
⚠️ أخطاء شائعة
- كتابة الأرقام يدويًّا داخل li — يكسر إعادة الترقيم التلقائي
- أبناء غير li مباشرة داخل ol
وسوم ذات صلة
🎓 تريد فهم الصورة الكاملة خطوة بخطوة؟ ابدأ من مسار HTML الكامل بالعربي.
📚 للتعمق التقني الكامل بالإنجليزية: MDN Web Docs