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

تعتبر القوائم في لغة HTML من الطرق الهامة جداً لترتيب البيانات والمعلومات التي تَكونُ ذاتَ صلة واحدة، حيثَ يتم عرض البيانات داخل القوائم في سطر واحد منفصل.

كما تُعتبر القوائم هي الطريقة الصحيحة لعرض العناصر واحداً تلو الآخر، بدلاً من استخدام عنصر <br> داخل صفحة HTML، لذلك تُعدُ القوائم أداة سهلة وبسيطة لتنسيق محتوى الصفحة الخاصة بك.

</> Lists Types In HTML
أنواع القوائم في لغة HTML

تحتوي لغة HTML على أربعة أنواع من القوائم لكل منها استخدامه الخاص، وهذه الأنواع الأربعة هي:

HTML ordered list: قائمة مرقمة، يكون بجوار كل عنصر رقم، بحيث يبدأ الترتيب من رقم واحد 1 أو من علامات أخرى كالحروف مثلاً.

HTML unordered list: قائمة غير مرقمة، يكون بجوار كل عنصر علامات تعداد، بحيث تكون هذه العلامات دائرية أو مربعة أو رموز أخرى.

HTML description Lists: القوائم المتفرعة من القوائم الرئيسية، وتكون إما مرقمة أو غير مرقمة.

HTML nested Lists: قوائم متداخلة مرقمة أو غير مرقمة.

جربها بنفسك

ملاحظة

عن طريق لغة CSS يُمكننا التحكم في شكل lists القوائم، حيث يُمكننا تغير الأرقام إلى حروف أبجدية، ويُمكننا تغيير النقاط إلى مربعات أو صورة.

</> Advantages Of Lists In HTML
مزايا القوائم في HTML

تمتلك القوائم في HTML العديد من الميزات، والتي نذكر من أبرزها:

تمكّن القراء من سهولة تحصيل المعلومات من الفقرات النصية.
تصف وترتب البيانات بطريقة تسلسلية.
إبراز العناصر الهامة أو تسليط الضوء على البيانات الهامة.
تجعل البيانات مشوّقة للقراء.

</> Disadvantages Of Lists In HTML
عيوب القوائم في HTML

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

معلومات تهمك

لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.

عدد المشاركات

التالى

CLOSETAG

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

HTML Lists
القوائم النصية في لغة HTML

التاريخ

الدروس

المستوى

اللغة

المشاهدات

المواضيع

الشروحات HTML Lists HTML