في هذا الدرس 4تصفّح المواضيع
Introduction To Lists in HTML
مقدمة عن القوائم في HTML
Introduction To Lists in HTML مقدمة عن القوائم في HTML
تُستخدم القوائم لترتيب المعلومات النصية ودمجها معًا باستخدام تعداد رقمي أو نقطي.
فعلى سبيل المثال، إذا كنت ترغب في ترتيب الدورات في مسار الويب بطريقة واضحة، يمكن استخدام القوائم لوصف الدورات بشكل يسهل على القارئ الإلمام بالمعلومات.
تعتبر القوائم في لغة HTML مهمة لترتيب البيانات المتعلقة بموضوع واحد، وتعرض كل عنصر في سطر منفصل افتراضيًا، ويمكن تغيير العرض باستخدام CSS.
كما تُعد القوائم طريقة فعالة لعرض العناصر بالتتابع، وتُعتبر أفضل من استخدام عنصر <br> لتنسيق محتوى صفحة HTML.
Lists Types In HTML
أنواع القوائم في لغة HTML
Lists Types In HTML أنواع القوائم في لغة HTML
تحتوي لغة HTML على عدة أنواع من القوائم، لكل منها استخدامه الخاص:
- HTML ordered list: قائمة مرقمة، يكون بجوار كل عنصر رقم، ويبدأ الترقيم افتراضيًا من 1؛ يمكن تغيير البداية أو اتجاه العد أو نوع العلامة.
- HTML unordered list: قائمة غير مرقمة، يكون بجوار كل عنصر علامات تعداد، مثل الدوائر أو المربعات أو رموز أخرى.
- HTML description list: قوائم تستخدم لتعريف المصطلحات ووصفها، وتستخدم العناصر <dl>, <dt>, و <dd>.
- HTML nested lists: قوائم يتم فيها تداخل القوائم المرقمة أو غير المرقمة داخل بعضها البعض.
اختر ol عندما يكون ترتيب العناصر ذا معنى، وul عندما لا يغيّر تبديلها المعنى. تغيير شكل العلامات بـCSS لا يغيّر هذا الفرق الدلالي. التداخل طريقة لتركيب القوائم، وليس عنصر قائمة رابعًا مستقلًا؛ والقوائم قد تحتوي محتوى غير النص داخل عناصرها li أو أوصافها dd.
Advantages Of Lists In HTML
مزايا القوائم في HTML
Advantages Of Lists In HTML مزايا القوائم في HTML
تمتلك القوائم في HTML العديد من الميزات، ومنها:
- تمكين القراء من تحصيل المعلومات بسهولة من الفقرات النصية.
- وصف وترتيب البيانات بطريقة تسلسلية.
- إبراز العناصر وتسليط الضوء على البيانات الهامة.
- جعل عرض البيانات أكثر تشويقًا للقراء.
Disadvantages Of Lists In HTML
عيوب القوائم في HTML
Disadvantages Of Lists In HTML عيوب القوائم في HTML
- قد تؤدي زيادة عدد العناصر في القوائم إلى تعقيد القراءة، مما يجعل النص أقل جذبًا للقرَّاء ويصعب متابعته بسهولة.
- على الرغم من أن القوائم تتيح ترتيب البيانات تسلسليًا، إلا أنها قد تسبب إرباكًا إذا لم تُنظم بشكل صحيح أو إذا كان الترتيب غير منطقي للمستخدمين.
- يمكن أن تتسبب القوائم في تمييز غير متوازن للعناصر، مما قد يؤدي إلى تركيز مفرط على بعض الأجزاء وتهميش معلومات أخرى مفيدة.
- الاستخدام المفرط للقوائم قد يضيف تعقيدًا بصريًا، مما يجعل من الصعب على القراء غير المعتادين التعامل مع المحتوى أو فهمه بشكل صحيح.
سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
المصطلحات9
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 HTML Lists قوائم HTML
- للمراجعة
- 02 List قائمة
- للمراجعة
- 03 Ordered List قائمة مرتبة
- للمراجعة
- 04 Unordered List قائمة غير مرتبة
- للمراجعة
- 05 Description List قائمة وصفية
- للمراجعة
- 06 Nested متداخلة
- للمراجعة
- 07 Item بند أو غرض
- للمراجعة
- 08 Tag Defines علامة التحديد
- للمراجعة
- 09 Tag Describes علامة الوصف
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
الاختصارات2
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 HTML HTML
- Hypertext Markup Language
- لغة توصيف النص الفائق الخاصة ببناء صفحة الإنترنت
- للمراجعة
- 02 CSS CSS
- Cascading Style Sheets
- صفحات التنسيق المتتالية<p><a href="https://www.closetag.com/tutorial/css/css-introduction">المزيد عن CSS</a></p>
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
اختبر فهمك.
ووصلها للإتقان.
كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.
أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.
الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.
لمحة عن التحدي4 أسئلة تنتظرك ＋
أي مما يلي هو من انواع القوائم في لغة HTML ؟
ما هو العنصر الذي يستخدم في اضافة عناصر القوائم ؟
قم بكتابة الكود الخاص بوضع الجملة التالية "hello from closetag" في قائمة من النوع orderedlist
____