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

تعتبر القوائم في لغة 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 تجعل البيانات مشوّقة للقراء.

مصطلحات الدرس

HTML Lists

قوائم HTML

List

قائمة

قائمة مرتبة

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

قائمة وصفية

متداخلة

Item

بند أو غرض

Tag Defines

علامة التحديد

Tag Describes

علامة الوصف

اختصارات الدرس

HTML

Hypertext Markup Language

لغة توصيف النص الفائق الخاصة ببناء صفحة الإنترنت

CSS

Cascading Style Sheets

صفحات التنسيق المتتالية

link

معلومات تهمك

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

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

التالى

CLOSETAG

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

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

التاريخ

الدروس

المستوى

اللغة

المشاهدات

المواضيع

الشروحات HTML Lists HTML