هذا الدرس من الدورة التدريبية: دورة تدريبية في بناء صفحات الويب HTML & CSS
الدرس: كيفية إنشاء قوائم متداخلة وفهم تحميل وتنقل الملفات والمجلدات الداخلية في HTML
المدة: 5 دقائق
وصف الدرس
الكود المستخدم في الأمثلة:
1. إنشاء عناصر قائمة متداخلة
استخدام القوائم المتداخلة يساعد على تنظيم المحتوى بشكل هرمي. في المثال التالي، نوضح كيفية إنشاء قائمة مرتبة متداخلة:
html
<ol>
<li>First Item Number 1
<ol>
<li>Item sererated Counting From 1</li>
</ol>
</li>
<li>Second Item Number 2</li>
</ol>
2. إنشاء ملف HTML آخر وربط الصفحة الرئيسية به
في هذا الجزء، نتعلم كيفية إنشاء ملف HTML جديد وربطه بالملف الرئيسي. قم بإنشاء ملف جديد باسم "img.html" داخل مجلد "show-image" وربطه بالملف الرئيسي باستخدام الكود التالي:
html
<a href="img.html">Image</a>
3. إنشاء مجلد جديد داخل جذر المشروع وربط الملفات به
إنشاء مجلد جديد داخل المشروع وربط الملفات به يمكن أن يسهل تنظيم الملفات والوصول إليها.
الخطوة 1: إنشاء مجلد جديد باسم "show-image" داخل جذر المشروع وإنشاء ملف HTML باسم "img.html" داخل هذا المجلد.
الخطوة 2: استخدام الروابط للربط بالملف الجديد من الملف الرئيسي باستخدام طريقتين:
- عند فتح HTML كملف نظام في المتصفح، بدء الرابط بشرطة مائلة سيجعل المتصفح يذهب إلى دليل الجذر، وهو نظام ملفات الكمبيوتر.
html
<a href="/show-image/img.html">Image</a>
- استخدام "./" نقطة ثم شرطة مائلة سيجعل المتصفح يتنقل داخل الدليل المفتوح حاليًا.
html
<a href="./show-image/img.html">Image</a>
في هذا المثال:
- النقطة تعني التنقل داخل الدليل الحالي.
- الشرطة المائلة تفتح الدليل الحالي.
- "show-image" تدخل إلى المجلد المسمى "show-image" داخل مجلد المشروع.
- "img.html" تفتح ملف HTML "img.html".
ملخص الوصف
في هذا الدرس، تعلمنا كيفية:
- إنشاء قوائم متداخلة باستخدام علامات HTML.
- إنشاء ملفات HTML جديدة وربطها بالملف الرئيسي.
- إنشاء مجلدات جديدة داخل جذر المشروع وتنظيم الملفات بداخلها.
إذا كنت مهتمًا بتعلم المزيد عن تطوير صفحات الويب باستخدام HTML وكيفية إنشاء مواقع ويب تفاعلية وفعالة، فإن هذا هو الوقت المناسب للاشتراك في دورتنا التدريبية الشاملة. ستوفر لك الدورة كل ما تحتاجه من معرفة وأدوات لتصبح مطور ويب محترف. انضم الآن واختبر مهاراتك من خلال الواجبات العملية والتطبيقات الفعلية.
اشترك في الدورة التدريبية "دورة تدريبية في بناء صفحات الويب HTML & CSS" وتعلم كيفية استخدام HTML لإنشاء نصوص، عناوين، قوائم، وروابط تنقل بفعالية. لا تفوت الفرصة لتطوير مهاراتك والارتقاء بمستواك في تطوير الويب!
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي كيفية إنشاء قوائم متداخلة وفهم تحميل وتنقل الملفات والمجلدات الداخلية في HTML
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية الأكواد والملفات المستخدمة
ملحقات ال PDF
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF
الملف المرجعي للشرح إضافة وتغيير النصوص HTML Typography Views Listing Navigation
الدروس والاختبارات لتعلم هذه الدورة التدريبية : دورة تدريبية في بناء صفحات الويب HTML & CSS
دورات تدريبية أخرى في برمجة
دورة تدريبية في فهم شبكات الإنترنت وخوادم الويب
دورة تدريبية تحتوي على دروس مجانية مدعمة من البورد الأوروبي لفهم أساسيات شبكة الإنترنت والاتصالات بين المستخدمين وتطبيقات الويب والأجهزة
تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
تعلم البرمجة من الصفر وبدون خبرة حتى احتراف صناعة تطبيقات الويب التفاعلية باستخدام لغة العصر جافاسكربت JavaScript
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة...
دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية
دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة الوحدة...
مقالات ذات صلة
التعامل مع البيانات وواجهة المستخدم باستخدام JavaScript
هل تساءلت يومًا عن كيفية التحكم في البيانات والتفاعل مع واجهة المستخدم في صفحات الويب؟ 🤔 في عالم البرمجة الحديثة، يعد فهم...
لماذا يجب أن تبدأ بتعلم البرمجة وجافاسكربت الآن؟
فوائد تعلم البرمجة وبرنامج جافاسكربت في عالمنا الرقمي المتسارع، أصبحت البرمجة حجر الزاوية الذي تقوم عليه العديد من الابتكارات التقنية التي نشهدها...
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل يعد التحكم في صفحة الويب باستخدام JavaScript من الجوانب الأساسية التي تمكن المطورين من...
استكشاف الأساليب المتقدمة للمصفوفات في جافاسكريبت
المصفوفات (Arrays) في جافاسكريبت: دليل شامل مقدمة المصفوفات هي واحدة من أهم هياكل البيانات الأساسية في جافاسكريبت، حيث تتيح للمطورين تخزين وإدارة...
تطبيق حركات الانيميشن والتحريك ال 3d وخلق اشكال انسيابية للعناصر داخل الصفحة
تطبيق حركات الانيميشن والتحريك الـ 3D في بناء صفحات الويب باستخدام HTML و CSS في عالم تصميم الويب الحديث، أصبحت حركات الانيميشن...
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها؟ لغة PHP هي واحدة من أقوى لغات البرمجة المستخدمة في تطوير الصفحات الويب الديناميكية....
تعلم البرمجة وتطوير صفحات الويب Javascript
برنامج تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript يعد برنامج “تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript” خيارًا مثاليًا لكل من يرغب...
