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

🟧 شرح HTML

القوائم

الدرس 5 من 24· ⏱ 1 دقائق قراءة· 🗓 آخر تحديث: ١٩ يونيو ٢٠٢٦

القائمة النقطية (Unordered List)

عندما لا يهمّ الترتيب، نستخدم <ul> وكل عنصر داخل <li>:

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

النتيجة: قائمة بنقاط •.

القائمة المرقّمة (Ordered List)

عندما يهمّ الترتيب (خطوات مثلًا)، نستخدم <ol>:

<ol>
  <li>افتح المحرّر</li>
  <li>اكتب الكود</li>
  <li>احفظ الملف</li>
</ol>

النتيجة: قائمة مرقّمة 1، 2، 3.

قوائم متداخلة

يمكن وضع قائمة داخل عنصر <li>:

<ul>
  <li>
    الواجهة الأمامية
    <ul>
      <li>HTML</li>
      <li>CSS</li>
    </ul>
  </li>
  <li>الواجهة الخلفية</li>
</ul>

🎯 التالي: النماذج — كيف نستقبل مدخلات المستخدم.

شرح القوائم — HTML بالعربي
القوائمHTML بالعربي · The Code Fix

📚 لمزيد من التعمّق في HTML، راجِع توثيق HTML على MDN.

هل كان هذا الدرس مفيدًا؟