11- القوائم Lists - دورة تعلم لغة HTML

القوائم Lists
دورة HTML

تحدثنا في الدرس السابق عن الجداول Tables، وفي هذا الدرس سوف نتحدث عن القوائم Lists.

تنقسم القوائم في لغة HTML الي ثلاثة أنواع :

وتعد القوائم المرتبة Ordered Lists والقوائم الغير مرتبة Unordered Lists من أشهر الأنواع وأكثرها استخداما..

1- قوائم مرتبة Ordered Lists :

يبدأ تكوين القوائم المرتبة بالوسم <ol> ، وكل عنصر من عناصر القائمة يبدا بالوسم <li>، ويتم عرض العناصر مرقمة.

مثال:

<ol>

<li>قهوة</li>

<li>شاي</li>

</ol>

ستكون نتيجة المثال السابق كالتالي:

يبدأ تكوين القوائم الغير مرتبة بالوسم <ul>، وكل عنصر من عناصر القائمة يبدا بوسم <li> ، ويتم عرض العناصر بدوائر صغيرة سوداء.

مثال:

<ul>
<li>قهوة</li>
<li>شاي</li>
</ul>

ستكون نتيجة المثال السابق كالتالي:

قوائم التعريفات هي قوائم تحتوي علي عناصر وكل عنصر له وصف .

تبدا قائمة التعريفات بالوسم <dl>، وكل عنصر يبدأ بالوسم <dt>، وكل وصف يبدأ بالوسم <dd>.

مثال:

<dl>
<dt>قهوة</dt>
<dd>قهوة سادة ساخنة</dd>
<dt>شاي</dt>
<dd>شاي ساخن بالنعناع</dd>
</dl>

ستكون نتيجة المثال السابق كالتالي:

* ملحوظة: يمكنك عمل قائمة تحتوي علي نصوص أو صور أو قوائم اخري .... الخ

الي اللقاء في الدرس القادم من دورة تعلم HTML - مدونة مينا ...