Menu
Coddy logo textTech
flag Ar iconالعربيةdown icon

قائمة غير مرتبة

جزء من قسم Fundamentals في رحلة HTML على Coddy — الدرس 12 من 60.

في HTML، تُعد القائمة غير المرتبة قائمة من العناصر التي لا يتم ترتيبها بواسطة الأرقام أو الحروف. بدلاً من ذلك، يتم تمييز كل عنصر بنقطة تعداد.

لإنشاء قائمة غير مرتبة، تستخدم الوسم <ul>. يتم تعريف كل عنصر في القائمة باستخدام الوسم <li>.

إليك كيفية إنشاء قائمة غير مرتبة في HTML:

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

في هذا المثال، يحدد الوسم <ul> القائمة غير المرتبة، ويمثل كل وسم <li> عنصراً في القائمة. عند عرضه في المتصفح، سيقوم هذا الكود بإنشاء قائمة بنقاط تعداد:

  • العنصر 1
  • العنصر 2
  • العنصر 3

تُعد القوائم غير المرتبة مفيدة لعرض العناصر التي لا يهم فيها الترتيب، مثل قائمة المكونات أو الميزات.

challenge icon

التحدي

سهل

أنشئ مستند HTML يحتوي على قائمة غير مرتبة تتضمن ثلاثة عناصر: "Apple" و "Banana" و "Orange". (بهذا الترتيب)

ورقة مرجعية

لإنشاء قائمة غير مرتبة استخدم وسم <ul> مع وسوم <li> لكل عنصر:

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

تعرض القوائم غير المرتبة العناصر بنقاط تعداد وهي مفيدة عندما لا يكون الترتيب مهماً.

جرّب بنفسك

<!DOCTYPE html>
<html>
    <body>
        <!-- اكتب الكود هنا -->
    </body>
</html>
quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس Fundamentals