الدرس الحادي عشر:القوائم

الدرس الحادي عشر:القوائم

(القوائم وانواعها | نقطة بدأ القائمه | مزج القوائم)

من اهم العناصر في تصميم صفحات الويب هو عنصر القائمه لابد من وضع صفحات الموقع في قائمه لسهولة تصفحها واستغلال الاماكن الخاليه في الصفحه..

القوائم وأنواعها

القوائم تنقسم الي نوعين

قوائم مرتبه او مسلسلهordered lists

قوائم غير مرتبه او غير مسلسله unordered lists

لكل نوع من هذه القوائم وسمه الخاص به

<ol></ol>  للقوائم المسلسله

<ul></ul>  للقوائم غير المرتبه

ولتحديد بنود كل قائمه نستخدم<li>  وهي اختصار list item 

لنري مثال علي القوائم المسلسله

<ol>

<li>ahmed

<li>mohamed

<li>hamed

<li>mona

<li>asmaa

<ol/>

لنري مثال علي القوائم غير المرتبه

<ul>

<li>ahmed

<li>mohamed

<li>mona

<li>asmaa

<ul/>

نستخدم الخاصيهtype لتحديد شكل القائمه وتكتب في الوسم<ol>او<ul> والصوره التاليه توضح الانواع للقوائم

نقطة بدأ القائمه

نفترض انك تريد البدأ برقم 6 في القائمه. ماعليك سوي ان تضيف start=6  لنري كيف

<ol start="6">

<li>ahmed

<li>mohamed

<li>hamed

<li>mona

<li>asmaa

</ol>

مزج القوائم

لنفترض انك بدأت بقائمه مرتبه وتريد ان تستخدم بها قائمه غير مرتبه وهكذا.... لنري بمثال

<ol>lists

<li>list1

<li>list2

<ul>

<li>list1

<li>list2

<ul>

<li>list1

<li>list2

</ul>

</ul>

</ol>

وبهذا نكون انتهينا من القوائم ونستكمل في الدرس الثاني عشر بإذن الله...........