HTML - Unordered Lists القوائم الغير مرتبة

القوائم غير المرتبة (Unordered Lists) في HTML

تُستخدم القوائم غير المرتبة <ul> في HTML لعرض مجموعة من العناصر بدون ترتيب رقمي، وغالبًا ما تكون بنقاط (bullets).

---

✅ الصيغة (Syntax):

<ul>
  <li>العنصر الأول</li>
  <li>العنصر الثاني</li>
  <li>العنصر الثالث</li>
</ul>

⬅ كل عنصر داخل القائمة يتم تعريفه باستخدام الوسم <li> (List Item).

---

🧪 مثال عملي:

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

⬅ يتم عرض العناصر بنقاط (•) افتراضيًا.

---

🎨 تغيير شكل الرموز باستخدام CSS:

يمكنك تغيير نوع الرمز باستخدام خاصية list-style-type في CSS.

ul {
  list-style-type: square;
}

⬅ القيم الممكنة:

• disc: دائرة (القيمة الافتراضية)
• circle: دائرة مجوفة
• square: مربع
• none: بدون رموز

---

💡 ملاحظات:

• تُستخدم القوائم غير المرتبة عندما لا يكون للعنصر ترتيب زمني أو منطقي.
• يمكن استخدام القوائم داخل قوائم أخرى (nested lists) لإنشاء تسلسل هرمي.