كنا قد تحدثنا سابقا عن القوائم فى لغة Html وتكلمنا عن القوائم المرتبة
والقوائم غير المرتبة
ويمكن للقوائم المرتبة أن نبدأها بعدد معين فمثلا لو كنا نريد القوائم المرتبة أن تبدأ بعدد 10 نقوم باستخدام الخاصية start=""
ويمكن للقوائم المرتبة أن نبدأها بعدد معين فمثلا لو كنا نريد القوائم المرتبة أن تبدأ بعدد 10 نقوم باستخدام الخاصية start=""
<h2>Microsoft office product</h2>
<ol start="10">
<li>windows</li>
<li>office</li>
<li>visual
basic</li>
</ol>
</ul>
ناتج الصورة:
كما يمكن عكس ترتيب القائمة وذلك من خلال استخدام الخاصية
reversed
مثال:
<h2>Microsoft office product</h2>
<ol reversed>
<li>windows</li>
<li>office</li>
<li>visual basic</li>
</ol>
</ul>
ناتج المثال:
ويمكن دمج اكثر من قائمة بداخل بعضها البعض nested list فلو أردنا دمج قائمة
غير مرتبة فى قائمة مرتبة نقوم بالآتى
1- داخل العنصر li نقوم بوضع <ul> ثم نقوم بوضع عناصر القائمة غير
المرتبة ثم نغلق القائمة غير المرتبة أولا وبعدها نقوم بإغلاق العنصر
Li
مثال:
<h2>Microsoft office product</h2>
<ol>
<li>windows
<ul>
<li>windows 95</li>
<li>windows 98</li>
<li>windows xp</li>
<li>windows 7</li>
</ul>
</li>
<li>office</li>
<li>visual
basic</li>
</ol>
ناتج المثال:
كما يمكن دمج قائمة غير مرتبة فى قائمة مرتبة
نقوم أولا بوضع القائمة غير المرتبة
<h2>Microsoft office product</h2>
<ul>
<li>windows
<ol>
<li>windows 95</li>
<li>windows 98</li>
<li>windows xp</li>
<li>windows 7</li>
</ol>
</li>
<li>office</li>
<li>visual basic</li>
</ul>
ناتج المثال:
المشاركات
ليست هناك تعليقات:
إرسال تعليق