اختبار إنشاء صفحات ويب وإضافة عناصر HTML

الاختبار: اختبار إنشاء صفحات ويب وإضافة عناصر HTML

الدورة التدريبية: كورس تعلم HTML من الصفر لبناء صفحات ويب

الوصف:

اختبار على درس إنشاء صفحة ويب باستخدام HTML


السؤال 1: إعلان نوع المستند


الوصف: هذا السؤال يهدف إلى اختبار فهم الطالب لدور <!DOCTYPE html> في مستند HTML. إعلان نوع المستند هو عنصر أساسي في أي صفحة HTML لأنه يحدد نوع الوثيقة التي يتعامل معها المتصفح.

الإجابات: ما هو الغرض من <!DOCTYPE html> في مستند HTML؟

  1. تحديد ترميز الأحرف

  2. يشير إلى بداية جسم HTML

  3. يخبر المتصفح أن هذا مستند HTML5

  4. يربط بملف CSS


الأسئلة ذات الصلة على Google:

  • ما هو <!DOCTYPE html>؟

  • لماذا نستخدم <!DOCTYPE html>؟

  • كيفية إعلان نوع المستند في HTML؟





السؤال 2: هيكل HTML


الوصف: يركز هذا السؤال على تحديد العلامات الأساسية المطلوبة لإنشاء مستند HTML أساسي. يجب على الطلاب معرفة العلامات الأساسية التي يتكون منها هيكل أي صفحة ويب.

الإجابات: ما هي العلامات المطلوبة لمستند HTML أساسي؟ (اختر كل ما ينطبق)

  • <html>: تعريف الجذر الأساسي لمستند HTML.

  • <head>: يحتوي على البيانات الوصفية والروابط للموارد الخارجية مثل CSS.

  • <title>: يحدد عنوان الصفحة الذي يظهر في شريط العنوان للمتصفح.

  • <footer>: يحدد تذييل الصفحة ويحتوي عادةً على معلومات حقوق الطبع والنشر وروابط مهمة.


الأسئلة ذات الصلة على:

  • ما هي العلامات الأساسية في HTML؟

  • كيف يبدو هيكل HTML الأساسي؟

  • ما هي العلامات المطلوبة لصفحة ويب HTML؟





السؤال 3: محتوى جسم HTML


الوصف: يهدف هذا السؤال إلى التحقق من فهم الطلاب لمكان وضع المحتوى الرئيسي لصفحة الويب ضمن علامات HTML المختلفة. يساعد هذا السؤال في تعزيز فهم هيكل وثيقة HTML.

الإجابات: أين يجب وضع المحتوى الرئيسي لصفحة الويب في مستند HTML؟

  1. داخل علامة <head>: يحتوي على البيانات الوصفية والروابط للموارد الخارجية.

  2. داخل علامة <body>: يحتوي على المحتوى الرئيسي للصفحة مثل النصوص والصور والفيديوهات.

  3. داخل علامة <title>: يحدد عنوان الصفحة الذي يظهر في شريط العنوان للمتصفح.

  4. داخل علامة <footer>: يحدد تذييل الصفحة ويحتوي عادةً على معلومات حقوق الطبع والنشر وروابط مهمة.


الأسئلة ذات الصلة:

  • أين يجب وضع المحتوى في HTML؟

  • ما هي علامة <body> في HTML؟

  • ما هو دور <body> في HTML؟





السؤال 4: تعريف عنوان الصفحة


الوصف: يختبر هذا السؤال معرفة الطلاب بكيفية تحديد عنوان الصفحة الذي يظهر في شريط العنوان للمتصفح باستخدام العلامة المناسبة. العنوان جزء مهم من تحسين محركات البحث (SEO).

الإجابات: أي من العلامات التالية تُستخدم لتعريف عنوان الصفحة الذي يظهر في شريط العنوان للمتصفح؟

  1. <meta>: يُستخدم لتحديد البيانات الوصفية مثل الترميز ووصف الصفحة.

  2. <link>: يُستخدم لربط المستندات الخارجية مثل ملفات CSS.

  3. <title>: يُستخدم لتحديد عنوان الصفحة الذي يظهر في شريط العنوان للمتصفح.

  4. <script>: يُستخدم لتضمين أكواد جافا سكريبت.


الأسئلة ذات الصلة على:

  • كيف أغير عنوان الصفحة في HTML؟

  • ما هي علامة <title> في HTML؟

  • كيفية تحديد عنوان صفحة الويب في HTML؟



لطالب الأساسيات المهمة لتطوير صفحات الويب. سيتمكن الطالب من فهم وإتقان:



  1. إعلان نوع المستند: كيفية استخدام <!DOCTYPE html> لتحديد نوع المستند وإخبار المتصفح بأن هذا مستند HTML5.

  2. هيكل HTML الأساسي: التعرف على العلامات الأساسية المطلوبة لإنشاء مستند HTML، مثل <html>, <head>, <title>، وأهمية كل منها في هيكل الصفحة.

  3. محتوى جسم HTML: تحديد المكان الصحيح لوضع المحتوى الرئيسي للصفحة داخل علامة <body> وفهم دور كل من العلامات الرئيسية مثل <head>, <title>, <footer>.

  4. تعريف عنوان الصفحة: معرفة كيفية استخدام علامة <title> لتحديد عنوان الصفحة الذي يظهر في شريط العنوان للمتصفح، وأهمية العنوان في تحسين محركات البحث (SEO).


بعد إتمام هذا الامتحان، سيكون الطالب قد اكتسب فهماً قوياً لأساسيات HTML الضرورية لإنشاء صفحات ويب فعّالة ومنظمة، مما يمهد الطريق لمزيد من التعلم المتقدم في تطوير الويب.

الأسئلة والأجوبة الخاص بهذا الاختبار

  • أين يجب وضع المحتوى الرئيسي لصفحة الويب في مستند HTML؟

    داخل علامة <head>

    داخل علامة <body>

  • ما هو الغرض من <!DOCTYPE html> في مستند HTML؟

    تحديد ترميز الأحرف

    يشير إلى بداية جسم HTML

    يخبر المتصفح أن هذا مستند يحتوي على لغة HTML5

    يربط بملف CSS

  • ما هي العلامات المطلوبة الأساسية لمستند HTML ؟

    <html>

    <head>

    <title>

    <footer>

  • أي من العلامات التالية تُستخدم لتعريف عنوان الصفحة الذي يظهر في شريط العنوان للمتصفح؟

    <meta>

    <link>

    <title>

    <script>

هذا الدرس من الدورة التدريبية

كورس تعلم HTML من الصفر لبناء صفحات ويب

  • 337 دقيقة من الفيديوهات التفاعلية الحصرية
  • 66 مصدر إضافي
  • 52 ملحقات PDFs
  • 14 فيديو إضافي داخل الدروس
  • 28 تطبيق نظري وعملي
  • الوصول على جميع الأجهزة
  • وصول مدى الحياة
  • شهادة أوروبية لإتمام الدراسة
  • ا لحصول على شهادة دبلوم موثقة

للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج دورة تدريبية تعلم لغة HTML لبناء مواقع الإنترنت
اضغط هنا ابدأ التعلم أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج

الدروس والاختبارات لتعلم هذه الدورة التدريبية : كورس تعلم HTML من الصفر لبناء صفحات ويب

دورات تدريبية أخرى في برمجة

دورة تدريبية لغة CSS لإنشاء تصاميم وتنسيق صفحات الإنترنت

تعلم كيفية استخدام CSS لتصميم صفحات ويب مميزة ومرنة. ستكتسب مهارات التحكم بالألوان، الأحجام، الخطوط، والمسافات لإنشاء تصاميم متجاوبة وجذابة، مما يجعل مواقعك متوافقة مع مختلف الشاشات والأجهزة

دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية

دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة الوحدة...

تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript

تعلم البرمجة من الصفر وبدون خبرة حتى احتراف صناعة تطبيقات الويب التفاعلية باستخدام لغة العصر جافاسكربت JavaScript

مقالات ذات صلة

أساسيات لغة HTML لبناء صفحات ويب فعالة

تُعد متصفحات الويب (Web Browsers) واحدة من أهم الأدوات في عالم الإنترنت، حيث تُمكّن المستخدمين من تصفح مواقع الويب والوصول إلى المعلومات...

لماذا يجب أن تبدأ بتعلم البرمجة وجافاسكربت الآن؟

فوائد تعلم البرمجة وبرنامج جافاسكربت في عالمنا الرقمي المتسارع، أصبحت البرمجة حجر الزاوية الذي تقوم عليه العديد من الابتكارات التقنية التي نشهدها...

تعلم البرمجة وتطوير صفحات الويب Javascript

برنامج تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript يعد برنامج “تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript” خيارًا مثاليًا لكل من يرغب...

has been added to the cart. View Cart