القوائم المرقمة هي مجموعة من العناصر بأرقامها التسلسلية. يعتمد نوع الترقيم ونوعه على سمات العلامات

، والذي يستخدم لإنشاء القائمة. يتم تحديد كل عنصر في قائمة ذات تعداد رقمي بواسطة علامة
1. كما هو مبين أدناه.
   1. النقطة الأولى
   2. الفقرة الثانية
   3. الفقرة الثالثة

   إذا لم تحدد أي سمات إضافية واكتب علامة فقط

   ، ثم يتم استخدام القائمة التي تحتوي على أرقام عربية (1 ، 2 ، 3 ، ...) افتراضيًا ، كما هو موضح في المثال 11.3.

   مثال 11.3. قم بإنشاء قائمة ذات تعداد رقمي

   العمل مع الوقت

   1. الالتزام بالمواعيد (لن تتأخر أبدًا عن أي شيء) ؛
   2. علاج من أجل الالتزام بالمواعيد (لن تتسرع أبدًا في أي مكان) ؛
   3. تغيير في تصور الوقت والساعات.
   
   
   

   تظهر نتيجة هذا المثال في الشكل. 11.3.

   أرز. 11.3. عرض قائمة مرقمة

   لاحظ أن القائمة المرقمة تضيف أيضًا مسافة بادئة تلقائية إلى أعلى النص وأسفله ويساره.

   يمكن أن تعمل القيم التالية كعناصر ترقيم:

   • الأرقام العربية (1 ، 2 ، 3 ، ...) ؛
   • أحرف لاتينية كبيرة (A ، B ، C ، ...) ؛
   • أحرف لاتينية صغيرة (أ ، ب ، ج ، ...) ؛
   • الأرقام الرومانية الكبيرة (I ، II ، III ، ...) ؛
   • أرقام رومانية صغيرة (i ، ii ، iii ، ...).

   تُستخدم سمة النوع للعلامة للإشارة إلى نوع القائمة المرقمة.

   . وترد قيمه المحتملة في الجدول. 11.2.
   فاتورة غير مدفوعة. 11.2. أنواع القوائم المرقمة

   نوع القائمة	كود HTML	مثال
   الترقيم العربي		1. Cheburashka 2. التمساح جينا 3. شابوكليك
   الحروف الكبيرة من الأبجدية اللاتينية		A. Cheburashka تمساح جينا C. Shapoklyak
   أحرف صغيرة من الأبجدية اللاتينية		أ. تشيبوراشكا ب. التمساح جينا ج. شابوكليك
   الأرقام الرومانية في الأحرف الكبيرة		I. Cheburashka ثانيًا. التمساح جينا ثالثا. شابوكليك
   الأرقام الرومانية في الأحرف الصغيرة		أنا. تشيبوراشكا ثانيا. التمساح جينا ثالثا. شابوكليك

   لبدء القائمة بقيمة محددة ، استخدم سمة البداية للعلامة

   . لا يهم نوع القائمة الذي تم تعيينه بالنوع ، فإن سمة البداية تعمل بنفس الطريقة لكل من الأرقام الرومانية والعربية. يوضح المثال 11-4 كيفية إنشاء قائمة باستخدام أرقام رومانية كبيرة تبدأ بثمانية.

   مثال 11.4. قائمة الترقيم

   8. الملك ماغنوم XLIV
   9. الملك سيجفريد السادس عشر
   10. الملك سيغيسموند الحادي والعشرون
   11. الملك هوسبرانت الأول
   
   
   

   تظهر نتيجة هذا المثال في الشكل. 11.4.

   

   أرز. 11.4. قائمة مرقمة بأرقام رومانية

   الاختلاف الوحيد هو أن هذه العلامة مخصصة بشكل صارم لقوائم الترقيم. يأتي اسم العلامة من الاختصار الإنجليزي "قائمة مرتبة" - قائمة مرقمة.

   بناء جملة العلامة

   1. البند 1
   2. العنصر رقم 2
   3. العنصر رقم 3
   4. ...

   حيث يمكن أن تأخذ السمة type = "value" القيم التالية

   • أ - يضع علامات في شكل أحرف لاتينية كبيرة (A ، B ، C ..) ؛
   • أ - يضع علامات في شكل أحرف لاتينية صغيرة (أ ، ب ، ج ..) ؛
   • I - مجموعة علامات في شكل أرقام رومانية كبيرة (I ، II ، III ، IV ..) ؛
   • ط - يضع علامات في شكل أرقام رومانية صغيرة (i ، ii ، iii ، iv ..) ؛
   • 1 (افتراضي) - يحدد علامات في شكل أرقام عربية (1 ، 2 ، 3 ..) ؛

   تحدد السمة start = "value" قيمة البداية (قيمة البداية) للتقرير.

   تحدد السمة المعكوسة حسابًا عكسيًا (إذا لزم الأمر).

   بطاقة شعار

   يتطلب استخدام علامة إغلاق

   يتم استخدام علامة الزوج لتشكيل عناصر القائمة

   1. . بين علامتي الافتتاح والختام توجد كلمات وعبارات وفقرات وصور منفصلة وأجزاء من التعليمات البرمجية وغير ذلك الكثير ، وهي محتويات القائمة النقطية.

      ملحوظة

      داخل القائمة ، من الممكن تغيير الحساب إلى حسابك الخاص. هناك قيمة سمة خاصة = "" لهذه العلامة.

   2. ، والتي تم تعيين بعض القيم الرقمية. على سبيل المثال

      1. البند 1
      10. العنصر رقم 2
      11. العنصر رقم 3

      أمثلة مع القوائم المرقمة في html (

      )

      مثال 1. قائمة مرقمة من html على شكل حروف لاتينية

      مثال بأحرف كبيرة

      1. البند 1
      2. العنصر رقم 2
      3. العنصر رقم 3

      1. البند 1
      2. العنصر رقم 2
      3. العنصر رقم 3

      مثال بأحرف صغيرة

      1. البند رقم 10
      2. البند رقم 11
      3. البند رقم 12

      هذا ما يبدو على الصفحة:

      1. البند 1
      2. العنصر رقم 2
      3. العنصر رقم 3

      مثال 2. قائمة html مرقمة بأحرف رومانية

      مثال بأحرف كبيرة

      1. البند 1
      2. العنصر رقم 2
      3. العنصر رقم 3

      هذا ما يبدو على الصفحة:

      1. البند 1
      2. العنصر رقم 2
      3. العنصر رقم 3

      مثال بأحرف صغيرة

      1. البند 1
      2. العنصر رقم 2
      3. العنصر رقم 3

      هذا ما يبدو على الصفحة:

      1. البند 1
      2. العنصر رقم 2
      3. العنصر رقم 3

      مثال 3. قائمة html مرقمة بموضع بداية مختلف

      مثال يوضح إمكانيات سمة البدء ، والتي تسمح لك بتعيين قيمة بداية العداد.

      50. البند 1
      51. العنصر رقم 2
      52. العنصر رقم 3

      هذا ما يبدو على الصفحة:

      1. البند 1
      2. العنصر رقم 2
      3. العنصر رقم 3

      مثال 4. تغيير العد في قوائم ذات تعداد رقمي html

      يوجد أدناه مثال لإمكانية تغيير قيم العداد باستخدام سمة القيمة عند عرض عناصر جديدة في العلامات

   3. .

      10. البند 1
      11. العنصر رقم 2
      100. العنصر رقم 3
      101. البند رقم 4

      هذا ما يبدو على الصفحة:

      1. البند 1
      2. العنصر رقم 2
      3. العنصر رقم 3
      4. العنصر رقم 4

      مثال 5. قائمة ذات تعداد رقمي عكسي في html

      يوجد أدناه مثال لقائمة مرقمة عكسية (عد بترتيب عكسي).

      10. البند 1
      11. العنصر رقم 2
      12. العنصر رقم 3
      13. البند رقم 4

      هذا ما يبدو على الصفحة:

      1. البند 1
      2. العنصر رقم 2
      3. العنصر رقم 3
      4. العنصر رقم 4

      مرحبا عزيزي قراء موقع المدونة. اليوم ، تحت هذا العنوان ، أود التحدث عن قوائم Html المختلفة التي يمكن إنشاؤها بناءً على علامات UL و OL و LI و DL المصممة خصيصًا لهذا الغرض. بمساعدة زوج من UL و LI ، يتم إنشاء قوائم ذات تعداد نقطي ، بمساعدة قوائم مرقمة OL و LI ، وبمساعدة العناصر DL و DT و DD ، يتم إنشاء ما يسمى بقوائم التعريفات. سننظر أيضًا بإيجاز في مبادئ إنشاء الهياكل المتداخلة.

      أريد أن أذكرك بأننا تمكنا بالفعل من التحدث عن أساسيات التخطيط الحديث والجداول (). بالإضافة إلى ذلك ، تطرقنا إلى الأساسيات ، حسنًا ، تعلمنا من خلالها.

      قوائم نقطية تستند إلى علامات UL و LI

      يتم استخدام علامة UL لإنشاء قوائم ذات تعداد نقطي ، ويتم استخدام علامة OL لإنشاء قوائم مرقمة. يتم إقران هذه العلامات ومنعها ، تمامًا مثل عنصر LI.

      توجد عناصر القائمة المنفصلة بين علامتي الفتح والإغلاق ، والتي يتم تضمينها بدورها في عنصر الفتح والإغلاق LI. في أعلى وأسفل قوائم Html ، يضيف المستعرض مسافة بادئة من سطر واحد ، على غرار المسافة البادئة التي تم إنشاؤها بواسطة علامة الفقرة.

      دعنا نرى ، على سبيل المثال ، نسخة ذات تسمية قد تبدو كالتالي:

      • السطر الأول
      • ثانية
      • العنصر الأخير

      داخل علامات الفتح والإغلاق UL ، يمكن وضع عناصر LI فقط ، ويمكنك بالفعل داخل هذه العناصر (الفقرات) إدراج أي محتوى (نص ، صور ، عناوين ، فقرات ، روابط ، وحتى قوائم أخرى).

      أولئك. تعمل UL فقط على تنظيم قائمة نقطية (غير مرتبة) ، ويتم تنفيذ كل ما تراه على صفحة الويب بداخلها باستخدام محتوى عناصر LI.

      بالنسبة إلى UL ، يمكنك تغيير مظهر العلامة عن طريق تعيين قيم مختلفة لسمة "النوع" فيها. إذا لم يتم تحديد "النوع" (إدارة مظهر العلامات) لعنصر UL ، فسيتم عرض نوع العلامة الافتراضية (القرص عبارة عن دائرة مملوءة بلون النص):

      1. - دائرة مملوءة (افتراضي) ؛
         • - دائرة شاغرة
           • - مربع

      في الأمثلة أعلاه ، كتبنا سمة "النوع" في عنصر UL ، باستخدام هذا النوع من العلامات لجميع العناصر. ولكن يمكن أيضًا كتابة سمة "النوع" لكل علامة LI فردية ، مع تعيين نوع العلامة الخاصة بها لهذا العنصر.

      مثال لقائمة نقطية بأنواع تعداد نقطي مختلفة لكل عنصر:

      

      1. علامة قرص ممتلئة
      2. علامة على شكل قرص غير مظلل
      3. مربع

      القوائم المرقمة في Html بناءً على علامة OL

      لإنشاء قائمة مرقمة ، يتم استخدام علامات OL ، والتي سيتم تحديد موقع عناصر LI فيها مرة أخرى. OL و LI ، كما ذكرت سابقًا ، على مستوى الكتلة (أي أنهما يميلون إلى شغل كل المساحة المتاحة لهما في العرض) ولا يمكن وضع أي شيء داخل OL باستثناء عناصر LI.

      اتضح أن OL و UL هي علامات خدمة مطلوبة فقط لإخبار المتصفح بنوع القائمة التي نقوم بتشكيلها (نقطية أو مرقمة). في حالة الرقم المرقّم ، لن نرى علامة على يسار كل عنصر ، بل سنرى رقمًا ونقطة خلفه:

      

      1. السطر الأول
      2. الفقرة الثانية
      3. الخط الثالث

      كما ذكرت أعلاه ، تتمتع عناصر UL و OL و LI بالقدرة على استخدام سمة TYPE. يسمح لك بتعيين نوع العلامة أو تحديد الأرقام أو الأحرف التي سيتم ترقيم عناصر القائمة بها. بالنسبة لقائمة مرتبة ، يمكن لمعلمات هذه السمة أن تأخذ القيم التالية:

      1. - سيتم إجراء الترقيم بأرقام عربية عادية (سيتم استخدام نفس الخيار افتراضيًا ، في حالة عدم وجود سمة "النوع") ؛
         1. - ترقيم الأحرف الكبيرة ؛
            1. - أحرف صغيرة؛
               1. - أرقام رومانية كبيرة ؛
                  1. - أرقام رومانية صغيرة ؛

                     مثال لقائمة مرقمة بأنواع مختلفة من الترقيم لكل عنصر:

                     

                     1. مرقمة بأرقام رومانية كبيرة
                     2. الترقيم بأحرف لاتينية صغيرة
                     3. الترقيم بأرقام رومانية صغيرة

                     عند إنشاء قوائم مرقمة ، من الممكن أيضًا بدء الترقيم ليس من واحد ، ولكن من الرقم المحدد في سمة START. على سبيل المثال:

                     1. يبدأ العنصر الأول الذي تم تحديد رقمه في علامة OL بواسطة السمة = "23"
                     2. العنصر التالي ، برقم واحد آخر
                     3. واحد آخر

                     بالنسبة إلى OL ، يمكنك أيضًا بدء ترقيم جديد من أي قيمة ، بدءًا من أي عنصر ، عن طريق كتابة سمة VALUE مع الرقم المطلوب في LI الافتتاحي لهذا العنصر. على سبيل المثال:

                     1. البند الأول رقم واحد
                     2. سيتلقى هذا العنصر الرقم المحدد في قيمة السمة = "32"
                     3. عنصر مع عدد كبير

                     تصميم مظهر القوائم في CSS (أوراق الأنماط)

                     ولكن ، كقاعدة عامة ، لا يتم الآن تعيين مظهر العلامات من خلال سمة TYPE ، ولكن يتم كتابة الخصائص المقابلة لها.

                     سأقدم هنا مثالاً على العديد من العلامات للقوائم غير المرتبة ، والتي يتم تعيين مظهرها من خلال ملف منفصل به أوراق أنماط متتالية.

                     • النقطة الأولى
                     • ثانية
                     • آخر

                     لكننا سنتحدث عنها في المقالات المستقبلية. هذه هي الطريقة التي يتم بها تعيين مظهر علامات UL على هذه المدونة. تُستخدم الصور كعلامات: للعناصر العادية لقائمة غير مرقمة - ، للعناصر المتداخلة لقائمة غير مرقمة -.

                     قوائم خاصة ومتداخلة في كود Html

                     النوع الثالث والأخير يسمى "قوائم التعريف" ويتم تعيينها باستخدام ثلاث علامات - DL و DT و DD. يخبر DL للمتصفح أن قائمة التعريفات ستتبع.

                     عادةً ما يتم استخدام هذا النوع (أو كان من المفترض استخدامه) لكتابة مدخلات القاموس التي تتكون من مصطلحات (مضمنة في علامات DT) وأوصافها (المضمنة في علامات DD).

                     الفصل الدراسي الأول

                     وصف

                     الفصل الثاني

                     وصفه

                     

                     إذا نظرت إلى المثال أعلاه ، ستلاحظ أن عنصر DD (وصف المصطلح) قد تم إزاحته (بمقدار 40 بكسل) بالنسبة إلى عنصر DT (المصطلح نفسه).

                     بشكل عام ، تعد DL و DT و DD علامات كتلة ، ويمكن فقط إدراج المحتوى الذي يحتوي على علامات مضمنة داخل عنصر DT (اتضح أنه لا يمكن استخدام عناصر كتلة العناوين والفقرات داخل DT). وداخل علامات DD ، يمكنك إدراج أي عناصر ، مضمنة وكتلة.

                     قائمة متداخلةفي Html ، يتم إنشاؤه عن طريق القياس مع عنصر بسيط ، ولكن داخل القائمة الرئيسية ، يتم تضمين بعض العناصر مرة أخرى في علامة الفتح والإغلاق UL أو OL.

                     يرجى ملاحظة أن LI الختامي للعنصر الذي سيتم إنشاء العنصر المتداخل فيه يتم وضعه فقط بعد الكود الكامل للقائمة المتداخلة (هذا مهم جدًا لعرضه الصحيح على صفحة الويب). قد تبدو القائمة المتداخلة كما يلي:

                     

                     1. أول فقرة رئيسية مرقمة
                     2. الفقرة الثانية
                        • أول عنصر متداخل المسمى
                        • ثانية
                        • النقطة الثالثة والأخيرة من المعلمة
                     3. العنصر الثالث من المرقمة

                     كل التوفيق لك! نراكم قريبا على موقع صفحات المدونة

                     يمكنك مشاهدة المزيد من مقاطع الفيديو بالذهاب إلى

                     ");">
                     

                     قد تكون مهتمًا

                     كيفية إدراج ارتباط وصورة (صورة) في علامات HTML - IMG و A.
                     نماذج Html للموقع - علامات Form، Input and Select، Option، Textarea، Label وغيرها لإنشاء عناصر نموذج الويب حدد ، خيار ، Textarea ، Label ، Fieldset ، Legend - علامات Html لنموذج القائمة المنسدلة وحقل النص
                     كيف يتم تعيين الألوان في كود Html و CSS ، واختيار ظلال RGB في الجداول ، ونتائج Yandex والبرامج الأخرى
                     التضمين والعنصر - علامات Html لعرض محتوى الوسائط (فيديو ، فلاش ، صوت) على صفحات الويب
                     علامات وسمات العناوين H1-H6 والخط الأفقي Hr وفاصل الأسطر Br والفقرة P وفقًا لمعيار Html 4.01
                     الجداول في Html - علامات Table و Tr و Td ، بالإضافة إلى Colspan و Cellpadding و Cellspacing و Rowspan لإنشائها

                     قوائم HTMLتستخدم لتجميع المعلومات ذات الصلة. هناك ثلاثة أنواع من القوائم:

                     قائمة نقطية —

                     - كل عنصر من عناصر القائمة
                     • ملحوظ بعلامة
                       قائمة مرقمة —
                       - كل عنصر من عناصر القائمة
                       1. ملحوظ برقم
                          قائمة التعاريف- - يتكون من أزواج مصطلح
                          —
                          تعريف.

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

                          إنشاء قوائم HTML

                          1. قائمة نقطية

                          قائمة نقطيةهي قائمة غير مرتبة (من قائمة الإنجليزية غير المرتبة). تم إنشاؤها باستخدام علامة زوج

                          . علامة عنصر القائمة هي تسمية ، مثل دائرة مملوءة.

                          تضيف المستعرضات بشكل افتراضي التنسيق التالي إلى مربع القائمة:

                          يتم إنشاء كل عنصر من عناصر القائمة باستخدام علامة زوج

                       2. (من عنصر قائمة اللغة الإنجليزية).
                       متاح .
                       • مايكروسوفت
                       • جوجل
                       • تفاحة
                       أرز. 1. قائمة نقطية

                       2. قائمة مرقمة

                       قائمة مرقمةتم إنشاؤها باستخدام علامة الزوج. يتم أيضًا إنشاء كل عنصر في القائمة باستخدام عنصر

                     • . يقوم المتصفح بترقيم العناصر بالترتيب تلقائيًا ، وإذا تم حذف عنصر أو أكثر من هذه القائمة ، فسيتم إعادة حساب الأرقام المتبقية تلقائيًا.

                       تحتوي كتلة القائمة أيضًا على أنماط المتصفح الافتراضية:

                     • تتوفر سمة القيمة ، والتي تتيح لك تغيير الرقم الافتراضي لعنصر القائمة المحدد. على سبيل المثال ، إذا تم تعيين العنصر الأول في القائمة على
                     • ، ثم سيتم إعادة حساب باقي الترقيم بالنسبة للقيمة الجديدة.

                       للعلامة

                       السمات التالية متوفرة:
                       الجدول 1. سمات العلامات

                       يصف	الوصف والقيمة المقبولة
                       عكس	تحدد السمة المعكوسة عرض القائمة بترتيب عكسي (على سبيل المثال ، 9 ، 8 ، 7 ...).
                       يبدأ	تحدد سمة البدء القيمة الأولية التي سيبدأ منها الترقيم ، على سبيل المثال ، البناء البند الأول سيخصص الرقم التسلسلي "10". يمكنك أيضًا ضبط نوع الترقيم في نفس الوقت ، على سبيل المثال ، .
                       يكتب	تحدد سمة النوع نوع العلامة المراد استخدامها في القائمة (في شكل أحرف أو أرقام). القيم المقبولة: 1 هي القيمة الافتراضية ، الترقيم العشري. أ- ترقيم القائمة أبجديًا بالحروف الكبيرة (أ ، ب ، ج ، د). أ - ترقيم القائمة بالترتيب الأبجدي ، بأحرف صغيرة (أ ، ب ، ج ، د). I - الترقيم بالأرقام الرومانية الكبيرة (I ، II ، III ، IV). ط - الترقيم بالأرقام الرومانية الصغيرة (i ، ii ، iii ، iv).

                       1. مايكروسوفت
                       2. جوجل
                       3. تفاحة
                       أرز. 2. قائمة مرقمة

                       3. قائمة التعاريف

                       قوائم التعريفتم إنشاؤه بعلامة

                       . يتم استخدام علامة لإضافة مصطلح
                       ، ولإدراج تعريف ، استخدم العلامة
                       .

                       تحتوي مجموعة قائمة التعريفات على أنماط المستعرض الافتراضية التالية:

                       عن العلامات

                       ,

                       و

                       متاح .

                       مخرج:

                       بيتر توشيلين

                       يقذف:

                       أندري جايدوليان

                       أليكسي جافريلوف

                       فيتالي جوجونسكي

                       ماريا كوزيفنيكوفا

                       أرز. 3. قائمة التعاريف

                       4. قائمة متداخلة

                       غالبًا ما تكون إمكانيات القوائم البسيطة غير كافية ، على سبيل المثال ، عند إنشاء جدول محتويات ، لا يمكنك الاستغناء عنه العناصر المتداخلة. سيكون ترميز القائمة المتداخلة كما يلي:

                       • الفقرة 1.
                       • النقطة 2.
                         • البند الفرعي 2.1.
                         • الفقرة الفرعية 2.2.
                           • البند الفرعي 2.2.1.
                           • البند الفرعي 2.2.2.
                         • البند الفرعي 2.3.
                       • النقطة 3.

                       
                       أرز. 4. قائمة متداخلة

                       5. قائمة مرقمة متعددة المستويات

                       يتم استخدام قائمة متعددة المستويات لعرض عناصر القائمة على مستويات مختلفة بمسافات بادئة مختلفة. سيكون ترميز قائمة ذات تعداد رقمي متعدد المستويات هو:

                       1. فقرة
                       2. فقرة
                          1. فقرة
                          2. فقرة
                          3. فقرة
                             1. فقرة
                             2. فقرة
                             3. فقرة
                          4. فقرة
                       3. فقرة
                       4. فقرة

                       سيؤدي هذا الترميز الافتراضي إلى إنشاء ترقيم جديد لكل قائمة متداخلة ، بدءًا من واحد. لعمل ترقيم متداخل ، تحتاج إلى استخدام الخصائص التالية:
                       يعيد إعادة الضبط العكسي واحدًا أو أكثر من العدادات ، مما يعطي قيمة لإعادة التعيين ؛
                       الزيادة العكسية تحدد قيمة زيادة العداد ، أي مع أي خطوة سيتم ترقيم كل عنصر لاحق ؛
                       المحتوى - المحتوى الذي تم إنشاؤه ، في هذه الحالة يكون مسؤولاً عن عرض رقم قبل كل عنصر في القائمة.

                       Ol (/ * إزالة الترقيم القياسي * / list-style: none ؛ / * تحديد العداد وإعطائه الاسم li. قيمة العداد غير محددة - افتراضيًا تكون 0 * / counter-reset: li؛ ) li: before (/ * نحدد العنصر الذي سيتم ترقيمه - li ، ويشير قبل العنصر الزائف إلى أن المحتوى المُدرج باستخدام خاصية المحتوى سيتم وضعه قبل عناصر القائمة ، ويتم أيضًا تعيين قيمة زيادة العداد هنا (افتراضي هو 1) * / counter-increment: li ؛ / * رقم عنصر القائمة الناتج باستخدام عدادات خاصية المحتوى () يعني أن النص المُنشأ هو قيم جميع العدادات التي تحمل هذا الاسم ، وتضيف النقطة المقتبسة فاصلاً يتم إضافة نقطة بين الأرقام ونقطة مع مسافة قبل محتويات كل عنصر في القائمة * / المحتوى: العدادات (li، ".") "."؛)
                       أرز. 5. قائمة مرقمة متعددة المستويات

                     في لغة ترميز html ، هناك 3 أنواع من القوائم - مرتبة (مرقمة) ، غير مرتبة (غير مرقمة) وقوائم تعريف.

                     لبناء مثل هذه القائمة ، هناك حاجة إلى نوعين من العناصر: "ul" (اختصار لقائمة غير مرتبة ، أي قائمة غير مرتبة) و "li" (عنصر قائمة). كل ما هو مكتوب داخل "li" يتم تمييزه بعلامة.

                     يمكن التحكم في ظهور مثل هذه القائمة عن طريق تعيين أنواع العلامات.

                     أنواع ماركر

                     هناك سمة نوع خاصة يتم وضعها على كلا عنصري القائمة. هذا هو نوع العلامة الخاصة بك. هناك 3 أنواع في المجموع: الدائرة والقرص والمربع:

                     - مربع
                     - قرص
                     - محيط

                     بناءً على المكان الذي تحدد فيه نوع العلامة ، يمكنك تغييره للقائمة بأكملها أو لعنصر معين.

                     قائمة مرقمة (قائمة مرتبة)

                     لإنشاء قائمة ، تحتاج أيضًا إلى عنصرين: "ol" و "li" (عنصر القائمة). يتم استبدال العلامات بأرقام بنقطة. مثال على قائمة بسيطة:

                     1. العنصر الأول
                     2. العنصر الثاني
                     3. العنصر الأخير

                     يمكنك التحكم في مظهر قائمة مرتبة عن طريق تحديد أنواع مختلفة من الترقيم.

                     أنواع الترقيم

                     هناك سمة نوع خاصة يتم وضعها على العنصر "ol" أو "li". هذا هو نوع قائمتك. مجموع 5 أنواع:

                     - الترقيم بالأرقام العربية (1 ، 2 ، 3)
                     - الترقيم بالأحرف الكبيرة (A ، B ، C)
                     - الترقيم بأحرف صغيرة (أ ، ب ، ج)
                     - الترقيم بالأرقام الرومانية الكبيرة (الأول والثاني والثالث)
                     - الترقيم بالأرقام الرومانية الصغيرة (i، ii، iii)
                     - ما هو الرقم الذي يبدأ الترقيم منه؟

                     بناءً على المكان الذي تحدد فيه نوع الترقيم ، يمكنك تغييره للقائمة بأكملها أو لعنصر معين.

                     قائمة التعريفات

                     تم تطوير قائمة التعريفات لإدخالات القاموس.

                     هناك حاوية مشتركة "dl". بداخله يوجد "dt" (تعريف مصطلح - مصطلح) و "dd" (وصف تعريف - وصف). أبسط مثال:

                     قسم التسويق

                     يعمل هذا القسم في مجال الترويج للسلع والخدمات.

                     الدائرة المالية

                     يتعامل هذا القسم مع جميع المعاملات المالية.

                     جميع عناصر جميع القوائم هي عناصر كتلة. ولكن داخل العنصر "dt" ، يمكنك فقط وضع العناصر المضمنة. يمكنك وضع أي شيء في عنصري "dd" و "li". هذا هو المكان الذي تأتي منه القوائم المتداخلة.

                     متداخل (قوائم مختلطة)

                     هذه قوائم متعددة المستويات يوجد بداخلها تسلسل هرمي. غالبًا ما يتم استخدام هذه القوائم عند إنشاء خريطة موقع. مثال:

                     قائمة مختلطة

                     أخبار اليوم

                     اليوم المطر

                     سوف تمطر طوال اليوم

                     أخبار الليل

                     سوف تمطر في الليل

                     غدا يبدأ يوم جديد