درس 15

القوائم

أشهر قوائم HTML هم القائمة المرقّمة والقائمة الغير مرقّمة (منقّطة)

القائمة المرقّمة

1. العنصر الأول
2. العنصر الثاني
3. العنصر الثالث

القائمة الغير مرقّمة منقّطة

• عنصر مصفوف
• عنصر مصفوف
• عنصر مصفوف

---

القائمة الغير مرقّمة (منقّطة)

تبدأ القائمة المنقطة بالوسم <ul> وكل عنصر يبدأ بالوسم <li> وينتهي </li>
يتم تحديد العناصر من خلال الدوائر (عادة ماتكون دوائر سوداء صغيرة)
مثال

<ul>
<li>القهوة</li>
<li>الحليب</li>
</ul>

سيظهر كود القائمة في المتصفح كالتالي :

• القهوة
• الحليب

---

القائمة المرقّمة

تبدأ القائمة المرقّمة بالوسم <ol> وكل عنصر يبدأ بالوسم <li> وينتهي </li>
يتم تحديد العناصر من خلال الأرقام

<ol>
<li>القهوة</li>
<li>الحليب</li>
</ol>

سيظهر كود القائمة في المتصفح كالتالي :

1. القهوة
2. الحليب

---

القائمة التعريفية

القائمة التعريقية هي عبارة عن عناصر وكل عنصر معرّف بشكل منفصل
تبدأ القائمة التعريفية بالوسم <dl> وكل عنصر معرّف يبدأ بالوسم <dt> (يحدد العنصر في القائمة) بالإضافة الى <dd> والذي يعرّف العنصر في القائمة

<dl dir="rtl">
<dt>القهوة</dt>
<dd>- مشروب أسود حار</dd>
<dt>الحليب</dt>
<dd>- مشروب أبيض بارد</dd>
</dl>

سيظهر كود القائمة في المتصفح كالتالي :

القهوة

– مشروب أسود حار

الحليب

– مشروب أبيض بارد

---

ملاحظة : يمكن وضع ضمن عناصر القائمة نصوص أو أسطر أو صور أو روابط أو قوائم أخرى .