كيفية عمل قائمة

السلام عليكم 

درسنا لهذا اليوم هو كيفية عمل قائمة 

قبل ذلك ننوه انه هناك نوعين من القوائم 

-قائمة غير مرتبة • ،• .....

-قائمة مرتبة 1 ، 2 ، 3 .....

1- القائمة غير المرتبة :

الوسم هو <ul> ويتم غلقه بـ </ul> 

ونقوم بوضع العناصر التي نريدها على شكل قائمة بين الوسم <li> ونغلقه بـ </li>

مثل هذا الكود : 

1 2 3 4 5 6

<ul>         <li>برامج </li>         <li> انترنت </li>         <li> العاب </li> </ul>

والنتيجة كما ترون 

نستخلص اذا انه مابين <ul> و</ul>  هي القائمة كاملة 

اما مابين <li> و</li>  هو تحديد عناصر القائمة 

2- القائمة المرتبة :

الوسم الخاص بها هو <ol> ونغلقه بـ </ol> 

ونقوم بوضع العناصر التي نريدها على شكل قائمة بين الوسم <li> ونغلقه بـ </li>

مثل القائمة السابقة فقط تغيير الوسم الاول فقط 

والكود هو : 

1 2 3 4 5 6

<ol>         <li>برامج </li>         <li> انترنت </li>         <li> العاب </li> </ol>

والنتيجة كما ترونها :

نستخلص اذا انه مابين <ol> و</ol>  هي القائمة كاملة 

اما مابين <li> و</li>  هو تحديد عناصر القائمة 

اتمنى ان يكون الموضوع في مستوى الشرح 

ان اعجبك لا تبخل باعجاب ومشاركة 

الى درس اخر بحول الله