Header Ads

القوائم



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

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

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




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

يتم التشغيل بواسطة Blogger.