HTML

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

سوف تتعلم في هذا الدرس كيفية عمل ordered list قوائم نصية مرقمة و unordered list قوائم نصية غير مرقمة و description Lists القوائم الوصفية في لغة HTML.

التاريخ

29 يناير 2020

الدروس

48

المستوى

مبتدئ

اللغة

عربي

المشاهدات

5982

المواضيع

12
الشروحات chevron_left HTML Lists chevron_left HTML

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

</> Introduction HTML lists
مقدمة عن lists القوائم في لغة HTML

تُستخدم القوائم من أجل ترتيب المعلومات النصية ودمجها معاً، وذلك عن طريق استخدام تعداد رقمي أو تعداد نقطي.

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

تعتبر القوائم في لغة 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 Lists

قوائم HTML

List
List

قائمة

Ordered List
Ordered List

قائمة مرتبة

Unordered List
Unordered List

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

Description List
Description List

قائمة وصفية

Nested
Nested

متداخلة

Item
Item

بند أو غرض

Tag Defines
Tag Defines

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

Tag Describes
Tag Describes

علامة الوصف

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

Hypertext Markup Language

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

Cascading Style Sheets

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

لديك استفسار ؟

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