وسم عنصر القائمة <li>

الصياغة

<ul>
  <li>عنصر واحد</li>
  <li>عنصر آخر</li>
</ul>

⚡ جرّب بنفسك

عدّل الكود واضغط «تحديث» لترى النتيجة فورًا — التجربة أفضل معلّم.

<ul>
  <li>عنصر بسيط</li>
  <li>عنصر فيه <a href="#">رابط</a> و<strong>تشديد</strong></li>
  <li>
    عنصر بقائمة متداخلة:
    <ul>
      <li>فرعي أول</li>
      <li>فرعي ثانٍ</li>
    </ul>
  </li>
</ul>

أهم الخصائص

💡 نصائح عملية

• التداخل الصحيح: القائمة الفرعية داخل li الأب — لا شقيقة له
• قوائم التنقل الأفقية: li مع display:flex على الأب

⚠️ أخطاء شائعة

• li يتيمًا خارج ul/ol — بنية غير صالحة
• إغلاق القائمة الفرعية خارج li الأب فينكسر التداخل

وسوم ذات صلة