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

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

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

</> Lists types in HTML
أنواع lists القوائم في لغة HTML

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

HTML ordered list قائمة مرقمة، يكون بجوار كل عنصر رقم، بحيث يبدأ الترتيب من رقم واحد 1 أو من علامات أخرى كالحروف مثلاً.
HTML unordered list قائمة غير مرقمة، يكون بجوار كل عنصر علامات تعداد، بحيث تكون هذه العلامات دائرية أو مربعة أو رموز أخرى.
HTML description Lists القوائم المتفرعة من القوائم الرئيسية، وتكون إما مرقمة أو غير مرقمة.
HTML nested Lists قوائم متداخلة مرقمة أو غير مرقمة.

جربها بنفسك

ملاحظة

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

</> HTML lists advantages
مزايا lists القوائم في لغة HTML

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

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

معلومات تهمك

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

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

التالى

CLOSETAG

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

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

التاريخ

الدروس

المستوى

اللغة

المشاهدات

المواضيع

الشروحات HTML Lists HTML