HTML – القوائم Lists

تستخدم القوائم لعرض مجموعة من البنود Items تحت بعضها بشكل منظم مثل:

هناك ثلاثة انواع من القوائم في HTML:

قائمة مرتبة Ordered List

وهي ​قائمة تظهر بنودها مرقمة و نعرف القائمة باستخدام ​العنصر <ol> ونضع ​بنود القائمة في العنصر <li> مثل:

<ol>
	<li> البند الاول </li>
	<li> البند الثاني </li>
	<li> البند الثاالث </li>
<ol/>

قائمة غير مرتبة Unordered List

وهي ​قائمة تظهر بنودها غير مرقمة ويظهر قبلها الشكل “•” و نعرف القائمة باستخدام ​العنصر <ul> ونضع ​بنود القائمة في العنصر <li> مثل:

<ul>
	<li> بند </li>
	<li> بند اخر </li>
	<li> بند اخر </li>
<ul/>

قائمة وصفية Descriptive List

بدلا من اظهار نقاط او ارقام قبل البنود، نستطيع باستخدام القوائم الوصفية بوضع وصف لكل بند مكانهم. نعرف القائمة باستخدام العنصر <dl> ولكل بند هناك عنصرين: وصف البند ويتم استخدام العنصر <dt> و البند نفسه ونستخدم له العنصر <dd>

<dl>
	<dt>وصف البند </dt>
	<dd> البند </dd>


	<dt>وصف البند الاخر</dt>
	<dd> البند الاخر</dd>
</dl>