الدرس الثامن: القوائم في HTML

ما هي القوائم في HTML؟

القوائم تُستخدم لتنظيم المحتوى بشكل مرتب أو غير مرتب. HTML يوفر نوعين رئيسيين من القوائم:

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

كيفية إنشاء القوائم

1. القوائم المرتبة:

<ol>

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

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

    <li>العنصر الثالث</li>

</ol>

2. القوائم غير المرتبة:

<ul>

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

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

    <li>العنصر الثالث</li>

</ul>

تغيير نمط القوائم

1. القوائم المرتبة:

<ol type="I">

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

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

</ol>

2. القوائم غير المرتبة:

<ul style="list-style-type: square;">

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

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

</ul>

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

<ul>

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

    <li>العنصر الثاني

        <ul>

            <li>العنصر الفرعي 1</li>

            <li>العنصر الفرعي 2</li>

        </ul>

    </li>

    <li>العنصر الثالث</li>

</ul>

الخلاصة:

تعلمنا في هذا الدرس كيفية إنشاء القوائم المرتبة وغير المرتبة، وكيفية تغيير أنماطها باستخدام السمات أو CSS، بالإضافة إلى إنشاء قوائم متداخلة.