القوائم

أشهر قوائم 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>

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

القهوة
– مشروب أسود حار
الحليب
– مشروب أبيض بارد

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