تخطَّ إلى المحتوى

<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