🎯 القوائم في HTML (ul / ol)

📌 1. ما هي القوائم؟

القوائم في HTML تسمح لنا بتنظيم العناصر بشكل جميل. لدينا نوعان:

🔵 2. <ul> (قائمة غير مرتبة)

مثال:

<ul>
  <li>تفاح</li>
  <li>موز</li>
</ul>
  • تفاح
  • موز

🎨 تغيير الشكل باستخدام type

  • disc
  • circle
  • square

🔢 3. <ol> (قائمة مرتبة)

<ol type="A">
  <li>الأول</li>
  <li>الثاني</li>
</ol>
  1. الأول
  2. الثاني

✨ أنواع <ol type>

عند استعمال <ol> يمكننا تغيير طريقة الترقيم باستخدام الخاصية type. اضغط على أي زر لترى النتيجة 👇

type=""
اضغط على زر لتجربة النتيجة 👆

🧠 تحدي سريع 1

ما هو نوع القائمة التي تستعمل النقاط (●)؟

ol
ul

🔥 تحدي 2

ما القيمة التي تعطي أرقام رومانية كبيرة؟

A
I
1

💻 تحدي الكود

اكتب في ذهنك: قائمة مربعة (square) فيها 3 عناصر 👇

<ul type="_____>
  <li>1</li>
</ul>
🚀 خلاصة:
ul = بدون ترتيب
ol = بترتيب
type يغير الشكل