طريقة عمل القوائم المسندلة بلغة html

موقع المقدم لتعلم لغات البرمجة

السلام عليكم ورحمة الله وبركاته

سنتعلم في هذا الدرس طريقة عمل القوائم المسندلة في صفحة الويب بلغة html

القائمة المسندلة هي عبارة عن مجموعة من الاختيارات سواؤ كانت روابط او نصوص

كود عمل القوائم المسندلة في صفحة الويب بلغة html

لاحظ هذا الكود :

<body>

  <details>

        <summary>عنوان القائمة المسندلة </summary>

        <a href="#">link1</a><br>

        <a href="#">link2</a><br>

        <a href="#">link3</a><br>

        <a href="#">link4</a><br>

  </details>

</body>

شرح الكود السابق :

يتم انشاء القائمة المسندلة بين وسمين <body> عن طريق الوسم <details> .. <details/>
يتم انشاء عنوان القائمة المسندلة عن طريق الوسم <summary> عنوان القائمة المسندلة <summary/> ونضع بينها العنوان الخاص بالقائمة المسندلة مثل عنوان انواع الكتب
بعد الوسم <summary> نضع المحتوي الخاص بالقائمة المسندلة ونحن في هذا الكود قمنا بوضع مجموعة من اللينكات الافتراضية و وضعنا بعد كل لينك الوسم <br> للنزول بالسطر .
لاحظ الصور الظاهرة لاظهار الكود

الصورة الظاهرة لتوضيح الكود الخاص بالوسم <summary>

الصورة الظاهرة لتوضيح الكود الخاص باللينكات (محتوي القائمة المسندلة)

وفي نهاية هذا الدرس نرجو ان نكون قد افدناكم حتي لو بالقليل وشكرا

الدروس السابقة :

لا تنسي الانضمام الي قنناة التليجرام ليصلك كل جديد : من هنا