اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر

يمكنك البحث في محرك البحث جوجل ع كويزات أو اختبارات على HTML و CSS وإليك بعض الكلمات المفتاحية التي يمكنك استخدامها للبحث عن اختبارات وتطبيقات في مجال HTML و CSS

  • "اختبارات HTML و CSS"
  • "تمارين تصميم واجهات الويب بالعربية"
  • "تحديات تطبيقية في تطوير الواجهات"
  • "تدريب عملي HTML CSS"
  • "تمارين تطبيقية لتعلم HTML و CSS باللغة العربية"
  • "تصميم مواقع ويب تطبيقي باستخدام HTML و CSS"
  • 0
نشر

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

وتستطيع تفقد النماذج والتصميمات هنا:

وعامة سأوفر لك بعض الأسئلة:

السؤال 1:

قم بإنشاء ملف HTML يحتوي على عنوان للصفحة (باستخدام وسم <h1>), وفقرة نصية بسيطة (باستخدام وسم <p>).

السؤال 2:

قم بإنشاء قائمة غير مرتبة (unordered list) تحتوي على 3 عناصر (items)، حيث يمثل كل عنصر اسم لون باللغة العربية، وقم بتطبيق ألوان مختلفة على النص لكل عنصر باستخدام ورقة الأنماط (CSS).

السؤال 3:

أنشئ نموذج (form) يحتوي على حقل إدخال (input) نصي (text) يطلب من المستخدم كتابة اسمه، ثم قم بعرض رسالة ترحيبية تحتوي على الاسم الذي قام المستخدم بكتابته.

السؤال 4:

قم بإنشاء قائمة منسدلة (dropdown menu) تحتوي على قائمة بأسماء بعض الدول العربية. استخدم وسم <select> لإنشاء القائمة ووسم <option> لتعريف خيارات القائمة.

السؤال 5:

أنشئ صندوقًا (div) بأبعاد 300 بكسل عرضًا و200 بكسل ارتفاعًا، وأضف له حدًا (border) بلون مغاير عند التنفيذ، وضع في داخله فقرة نصية.

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...