فاصلة
  • HTML
  • ?
    : ترتيب الدرس
  • 17
    عدد الدروس
  • ?
    أخر تحديث

القوائم في لغة HTML

ماذا لو كان لديك 10 أسماء لأشخاص ,وتريد تريتيبهم بشكل منسق وجميل ,قد تستخدم العنصر <P> لكتابة أسماء الأشخاص ولكن هناك عنصر أساسي مخصص لترتيب الأسماء في قوائم ,ولنفترض الأن أننا نريد ترتيب بعض الأسماء مثل ("محمد"و"أحمد"و"خالد","أسلام") ,الأن سوف نقوم بترتيب الأسماء عن طريق أضافتها في قوائم لتكون علي الشكل التالي .

  • محمد
  • أحمد
  • خالد
  • أسلام

يوجد نوعين من القوائم في لغة HTML ,النوع الأول هو <ol> أختصاراً لــ"Ordred List" وتعني "قوائم مرتبة" ,والنوع الثاني هو <ul> أخصاراً لــ " Unordered list" وتعني القوائم الغير مرتبة .

  • قوائم مرتبة
  • قوائم غير مرتبة



القوائم الغير مرتبة ul

نستخدم القوائم الغير مرتبة لأضافة الأسماء التي لا تحتاج إلي ترتيب أبجدي من حيث الأرقام أو الحروف ,ويمكن أستخدامها مع الكثير من الأشياء مثل قائمة طعام مثلاً ,أو قائمة خضروات ,أو أي قائمة أخري تحتاج إالي ترتيب عادي بدون أرقام أو حروف .

  • محمد
  • أحمد
  • خالد
  • أسلام
<ul>
<li>محمد</li>

<li>أحمد</li>

<li>خالد</li>

<li>أسلام</li>

<ul>


القوائم المرتبة ol

نستخدم القوائم المرتبة لترتيب بعض الأسماء عن طريق الأرقام أو الأحرف ,وسنفترض الأن بأن لديك قائمة لأوائل المدرسة ,في تلك الحالة يجب اضافتهم في قائمة مرتبة لمعرفة ترتيب كل شخص في القائمة .

  1. محمد
  2. أحمد
  3. خالد
  4. أسلام
<ol>
<li>محمد</li>

<li>أحمد</li>
نختا
<li>خالد</li>

<li>أسلام</li>
<ol


الخاصية Type

الخاصية type تستخدم مع القوائم المرتبة <ol  وفي جزئية القوائم المرتبة رأينا القائمة المرتبة عن طريق الأرقام ,ولكن لم نري القائمة المرتبة عن طريق الحروف ,ولا يوجد أختلاف في قائمة الأرقام وقائمة الحروف سوي أن قائمة الأرقام مرتبة 1 2 3 4 5 ...... , ولكن قائمة الحروف تكون مرتبة ترتيب أبجدي من A B C D ,ولتغيير القائمة من الأرقام إلي الحروف, نستخدم الخاصية Type وتعني "النوع" ,هل هي ارقام أو حروف ؟ 

وفي حالة الأرقام نختار القيمة 1 ,وفي حالة الحروف نختار القيمة A.

  1. محمد
  2. أحمد
  3. خالد
  4. أسلام
<ol type="A">
<li>محمد</li>

<li>أحمد</li>

<li>خالد</li>

<li>أسلام</li>
<ol>

الخاصية Start

هي الخاصية المسؤولة عن تحديد قيمة البداية للقائمة المرتبة, قد تتساءل كيف يمكن أن ابدأ قائمة مرتبة من الرقم 3 وليس الرقم 1 ,أو حتي البداية من الحرف d وليس الحرف a ؟ . يمكنك ذلك بكل سهولة ويسر مع أستخدام الخاصية start وتحديد القيمة التي تريد أن تبدأ من عندها .

  1. محمد
  2. أحمد
  3. خالد
  4. أسلام
<ol type="A" start="3">
<li>محمد</li>

<li>أحمد</li>

<li>خالد</li>

<li>أسلام</li>
<ol>

    الأدوات أساسيات العناصر خصائص العناوين الفقرات الأنماط التنسيق التعليقات الألوان الروابط الصور الجداول القوائم الترتيب النماذج الميتا تاج