الدرس 15 – القوائم HTML

الدرس 15 – القوائم HTML

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

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

القهوة

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

الحليب

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

---

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

• غرد تغريدة
• شاركه
• شاركه
• شاركه
• شاركه