هذا الدرس من الدورة التدريبية: كورس تعلم HTML من الصفر لبناء صفحات ويب
الدرس: قوائم وخصائص الوراثة، أنواع العلامات ومفاهيم الإغلاق الذاتي في HTML
وصف مختصر:
وصف الدرس
دورة تدريبية في بناء صفحات الويب HTML & CSS
في هذا الدرس، سنتناول شرح مفصل للمفاهيم المختلفة مثل استخدام العلامات المختلفة معاً، أهمية إغلاق العلامات، وفهم العلامات ذات الإغلاق الذاتي. سنشرح كيف تؤثر هذه المفاهيم على بناء صفحات الويب وكيفية الاستفادة منها لتحقيق تصميم أفضل وأكثر تنظيماً.
المفاهيم الأساسية:
لماذا يجب استخدام علامات مختلفة معاً؟
استخدام العلامات المختلفة معاً يمكن أن يقدم نتائج مختلفة ويعزز من وظائف الصفحة. على سبيل المثال، استخدام
<li> مع <ol> يعطي قائمة مرتبة، بينما استخدام <li> مع <ul> يعطي قائمة غير مرتبة.الكود المثال:
html
<ol>
<li>عنصر قائمة 1</li>
<li>عنصر قائمة 2</li>
</ol><li>عنصر قائمة 1</li>
<li>عنصر قائمة 2</li>
</ul>
الأسئلة ذات الصلة على Google:
- ما الفرق بين
<ol>و<ul>؟ - كيفية إنشاء قوائم مرتبة وغير مرتبة في HTML؟
لماذا يجب استخدام علامات الإغلاق؟
عدم إغلاق العلامات يمكن أن يسبب مشاكل في المتصفح ويؤدي إلى عرض غير صحيح للصفحة. على سبيل المثال، إذا لم يتم إغلاق عناصر القائمة بشكل صحيح، قد يؤدي ذلك إلى مشاكل في العرض.
الكود المثال:
html
<ol>
<li>عنصر قائمة غير مغلق<li>
</ol>
الأسئلة ذات الصلة على Google:
- لماذا يجب إغلاق العلامات في HTML؟
- ماذا يحدث إذا لم يتم إغلاق العلامات في HTML؟
ما هي العلامات ذات الإغلاق الذاتي؟
العلامات ذات الإغلاق الذاتي مثل
<br /> و<img /> هي علامات لا تحتاج إلى علامة إغلاق منفصلة. تُستخدم هذه العلامات لأغراض محددة مثل إدراج سطر جديد أو صورة.الكود المثال:
html
<br />
<img src="image.jpg" alt="وصف الصورة" />
الأسئلة ذات الصلة على Google:
- ما هي العلامات ذات الإغلاق الذاتي في HTML؟
- كيفية استخدام
<br />و<img />في HTML؟
لماذا لدينا الكثير من عناصر HTML؟
توجد العديد من عناصر HTML لتوفير ميزات مختلفة تساعد في إنشاء تخطيطات وصفحات متنوعة. على سبيل المثال، لإنشاء قائمة تنقل يمكن استخدام العلامات
<nav>, <ul>, <li>, و<a> معاً.الكود المثال:
html
<nav>
<ul>
<li>
<a href="https://edu.europeanboard.eu/">Europeanboard Board</a>
</li>
</ul>
</nav>
الأسئلة ذات الصلة:
- كيفية إنشاء قائمة تنقل في HTML؟
- ما هي أهمية استخدام علامات HTML المختلفة؟
لماذا يجب فهم كل علامة؟
فهم كل علامة يساعد في تذكرها ومعرفة كيفية استخدامها بشكل صحيح. هذا يمكن أن يساعد مطور الويب في اختيار العلامة المناسبة لكل فكرة أو متطلب.
الأسئلة ذات الصلة:
- كيفية تذكر علامات HTML؟
- كيفية استخدام علامات HTML بشكل صحيح؟
لماذا يجب ممارسة استخدام العلامات؟
الممارسة تجعل تذكر العلامات واستخدامها في المهام المستقبلية أمراً سهلاً، مما يسهل العثور على حلول للمشاكل وتلبية المتطلبات المختلفة.
الأسئلة ذات الصلة :
- كيفية ممارسة علامات HTML؟
- أمثلة على استخدام علامات HTML في مشاريع حقيقية؟
ملخص عن الدرس
في هذا الدرس، تعلمنا أهمية استخدام علامات HTML المختلفة معاً، ضرورة إغلاق العلامات، مفهوم العلامات ذات الإغلاق الذاتي، وأهمية فهم وممارسة استخدام كل علامة. هذه المعرفة ستساعد مطوري الويب في إنشاء صفحات ويب أكثر تنظيماً وكفاءة، وتعزز من قدرتهم على التعامل مع متطلبات التصميم المختلفة.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي قوائم وخصائص الوراثة، أنواع العلامات ومفاهيم الإغلاق الذاتي في HTML
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية الأكواد والملفات المستخدمة
ملحقات ال PDF
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF
الملف المرجعي للشرح إضافة وتغيير النصوص HTML Typography Views Listing Navigation
- 337 دقيقة من الفيديوهات التفاعلية الحصرية
- 66 مصدر إضافي
- 52 ملحقات PDFs
- 14 فيديو إضافي داخل الدروس
- 28 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
دورة تدريبية تعلم لغة HTML لبناء مواقع الإنترنت
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : كورس تعلم HTML من الصفر لبناء صفحات ويب
دورات تدريبية أخرى في برمجة
دورة تدريبية في فهم شبكات الإنترنت وخوادم الويب
دورة تدريبية تحتوي على دروس مجانية مدعمة من البورد الأوروبي لفهم أساسيات شبكة الإنترنت والاتصالات بين المستخدمين وتطبيقات الويب والأجهزة
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة...
دبلوم بناء مواقع الإنترنت للمبتدئين تعلم من الصفر HTML وCSS وJavaScript
ابدأ رحلتك في تطوير مواقع الإنترنت مع دبلوم شامل للمبتدئين. تعلم HTML وCSS وJavaScript من الصفر واكتسب المهارات الأساسية لبناء مواقع احترافية. دورة مصممة لتدعمك في كل خطوة على الطريق.
مقالات ذات صلة
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل يعد التحكم في صفحة الويب باستخدام JavaScript من الجوانب الأساسية التي تمكن المطورين من...
فهم شبكات الإنترنت وخوادم الويب: مقدمة شاملة
الإنترنت هو أحد الابتكارات الأكثر تأثيرًا في العالم الحديث، حيث يلعب دورًا أساسيًا في تقريب العالم وجعل المعلومات والمعرفة في متناول الجميع....
لماذا يجب أن تبدأ بتعلم البرمجة وجافاسكربت الآن؟
فوائد تعلم البرمجة وبرنامج جافاسكربت في عالمنا الرقمي المتسارع، أصبحت البرمجة حجر الزاوية الذي تقوم عليه العديد من الابتكارات التقنية التي نشهدها...
