أسئلة وأجوبة مقابلات HTML-سبوتو

HTML أو لغة ترميز النص التشعبي هو برنامج نصي لإنشاء أرشيفات وصفحات موقع ويب على خادم ويب. HTML مطلوب لتطوير أي موقع إلكتروني أو تطبيق ويب أو أي تطبيق آخر. ونتيجة لذلك، هناك حاجة كبيرة لخبرة برمجة HTML. ولتعزيز مسيرتهم المهنية كمطوري UI/UX، يجب على المرشحين اجتياز مقابلة يتم فيها طرح مجموعة متنوعة من أسئلة مقابلات HTML.
فيما يلي قائمة بأسئلة مقابلات HTML وإجاباتها التي تُطرح عادةً أثناء مقابلة HTML أو اختبار HTML. قد يُطلب من المرشحين أي شيء بدءًا من أسئلة مقابلة HTML الأساسية إلى أسئلة مقابلة HTML5 المعقدة، اعتمادًا على خبرتهم وعوامل أخرى.
افحص أسئلة مقابلات HTML الأكثر شيوعًا لتعزيز فرصك في الحصول على وظيفة. تتضمن القائمة أدناه جميع أسئلة HTML الأكثر أهمية لكل من الخبراء الجدد والمتمرسين. سيساعدك دليل أسئلة مقابلات HTML5 هذا في اجتياز المقابلة والحصول على الوظيفة التي تريدها في تطوير واجهة المستخدم/تجربة المستخدم.
لغة الويب العالمية هي لغة HTML، والتي تعني لغة ترميز النص التشعبي. وهي لغة تنسيق النصوص التي تُستخدم لإنشاء صفحات الويب وعرضها. تنقسم صفحات HTML إلى جزأين: المحتوى والعلامات التي ترتبه للعرض على مواقع الويب.
لإضافة صور إلى صفحة ويب، استخدم عنصر img>. لا يتم وضع الصور مباشرة على صفحات الويب؛ بل يقوم المطورون بالارتباط بها. يمكنك إنشاء مكان للصورة المشار إليها باستخدام img>. في HTML، غالبًا ما تكون علامة img> علامة فارغة تحتوي على سمات فقط ولا تحتوي على علامة إغلاق. عند استخدام العلامة image>>، يلزم وجود وسيطين:
لتضمين صورة في HTML، استخدم العنصر img> ⧏378⧐ img> كما يلي:
alt=”Image01″ src=”مسار الصورة”>
هناك شيئان ستحتاج إليهما لإضافة صور الخلفية إلى عنصر HTML:
خاصية نمط HTML
خاصية CSS لصورة الخلفية، ممثلة بـ
div style=”خلفية الصورة: img boy.jpg;”>
من السهل إضافة مساحة إلى صفحة ويب. ما عليك سوى وضع الماوس في المكان الذي تحتاج إلى إضافة المساحة والضغط على مفتاح المسافة. بشكل عام، بغض النظر عن عدد المرات التي يتم فيها الضغط على مفتاح المسافة، فإن HTML لا يظهر سوى مسافة واحدة بين كلمتين. يجب عليك الدخول لإنشاء مسافة أكثر وضوحًا. يُعرف هذا باسم المسافة غير المنفصلة لأنه يمنع فواصل الأسطر في تلك النقطة.
للبدء، يجب أن تفهم أولاً ما هو CSS. CSS، أو أوراق الأنماط المتتالية، هي لغة برمجة تُستخدم لإنشاء تخطيطات صفحات الويب. يمكنك استخدام CSS للتحكم في أنماط النص، والألوان، وأحجام النصوص، وتشتت الأجزاء، وتصميم المكونات والوضع، وصور الأساس والأصناف، وهذا فقط غيض من فيض.
يمكن ربط CSS بمستند HTML بثلاث طرق:
يتم تحقيق ذلك من خلال تضمين سمات النمط في مكونات HTML. يتم استخدام CSS المضمنة لإضافة أنماط مميزة لكل عنصر HTML. يتم استخدام خاصية النمط لعنصر HTML في CSS المضمنة.
يتم تعريف نمط صفحة ويب HTML واحدة باستخدام CSS داخلي. وهي تحدد مظهر قسم رأس صفحة الويب> بالإضافة إلى عنصر النمط>. خذ بعين الاعتبار السيناريو التالي: أنت تريد تغيير لون نص كل عنصر h1> في صفحة الويب للقراءة، بالإضافة إلى لون نص كل فقرة وعنصر p>. يجب أن يكون لون خلفية هذه الصورة “أصفر”.
يُستخدم CSS الخارجي عادةً لتمييز الأنماط لبعض صفحات HTML. تذكر الاتصال بـ CSS الخارجي لجزء الرأس> من كل صفحة HTML للاستفادة منه.
تحتوي لغة HTML على علامة ارتباط لإنشاء ارتباط تشعبي يربط صفحة بأخرى. يمكن أن تظهر هذه العلامات بثلاثة ألوان – الأزرق والأرجواني والأحمر.
يمكن استخدام عدة قوائم نموذجية لإنشاء صفحة. يمكنك تحديد واحد أو أكثر من أنواع القوائم التالية:
القائمة المرتبة تعرض العناصر عدديًا. تمثلها علامة ol>.
يتم استخدام قالب ورقة الأنماط لإنشاء تنسيق نمط موحد ومتعدد الاستخدامات ومرضٍ ظاهريًا. يمكن استخدام هذه التنسيقات في مجموعة متنوعة من المواقع. وهي تغطي كيف يجب أن يبدو سجل لغة الترميز وتصميمه.
نعم. استخدم لون الخط = “لون”>/خط> للنص المحدد الذي ترغب في تلوينه على صفحة الويب لإنشاء نص متعدد الألوان.
دائمًا ما يكون لون الرمز النقطي هو نفسه لون النص الأولي للقائمة. لتغيير لون الرمز النقطي، يجب عليك أولاً تغيير لون النص.
في صفحة موقع الويب، يتم استخدام سرادق لإظهار النظر فوق النص. وهي تظهر بشكل طبيعي فوق الصورة أو النص لأعلى أو لأسفل أو لليسار أو لليمين. أضف النص الذي تريد تمريره داخل علامة سرادق>……/سرادق>.
تعمل عناصر أحرف HTML كعناصر نائبة لأحرف HTML المحفوظة. يمكن أيضًا استخدام العناصر لاستبدال الأحرف التي لا يمكن الوصول إليها على وحدة التحكم الخاصة بك. يتم تداول بعض الأحرف لأن بعض أحرف HTML محفوظة.
نظرًا لأن عناوين URL يتم تسليمها عبر الإنترنت فقط باستخدام مجموعة أحرف ASCII، يجب ترميزها لتحويل الأحرف غير ASCII إلى تنسيق يمكن استخدامه عبر الإنترنت. إذا كان عنوان URL يحتوي على أحرف غير موجودة في مجموعة أحرف ASCII، فيجب تحويلها. يتم استخدام ” في المائة ” متبوعة بأرقام سداسية عشرية لاستبدال الأحرف غير الموجودة في مجموعة ASCII.
العنصر canvas> هو حاوية لرسم الصور على صفحة ويب باستخدام لغة برمجة مثل JavaScript. وهو يدعم الشكل ثنائي الأبعاد الديناميكي والقابل للبرمجة وعرض الصور النقطية. يوفر Canvas العديد من التقنيات لرسم الخطوط والمربعات والدوائر والنصوص والصور.
HTML SVG هو عبارة عن مواصفات رسومات متجهة ثنائية الأبعاد ورسومات متجهة/نقطية. تصف ملفات XML النصية صور SVG وإجراءاتها. كملفات XML، يمكنك استخدام محرر النصوص لإنشاء صور SVG وتحريرها. وهي تستخدم عادةً للرسوم البيانية المتجهة مثل المخططات الدائرية والرسوم البيانية ثنائية الأبعاد في نظام إحداثيات X، Y.
يتضمن HTML 5 علامة الزر. تُستخدم لإنشاء زر قابل للنقر داخل نموذج HTML لصفحة الويب. يُستخدم بشكل شائع لإنشاء زر “إرسال” أو “إعادة تعيين”. لنلقِ نظرة على شيفرة عرض الزر.
تُستخدم علامة التفاصيل لتوفير بعض المعلومات الإضافية لصفحة الويب. يمكن إظهارها أو إخفاؤها في أي وقت. بينما من ناحية أخرى، تُستخدم علامة الملخص بالتعاون مع علامة التفاصيل.
تمنح علامة قائمة بيانات HTML 5 عنصر النموذج إمكانيات الإكمال التلقائي لعنصر النموذج. فهي تساعد المستخدمين على اختيار البيانات من خلال تمكينهم من الاختيار من قائمة من الخيارات المحددة مسبقًا.
يمكن أن يكون لكل صفحة ويب على الإنترنت عنوان ويب خاص بها. ترتبط غالبية عناوين URL هذه بأحدث صفحة ويب. وعادةً ما يتم توجيه الصفحة العليا من خلال عنوان URL المنشور على الويب الذي يظهر في المنشورات. يمكن الوصول إلى جميع الصفحات الأخرى على الموقع الإلكتروني من صفحة المستوى الأعلى هذه.
عند استخدام الخرائط المصورة، قد يصبح تحديد النقاط الساخنة التي تنتمي إلى الروابط التي قد تصبح معقدة وصعبة بسرعة. ويمكنك استخدام نص بديل لإضافة معلومات وصفية لكل نقطة اتصال بالنقاط الساخنة.
لا، يمكن استخدام الروابط التشعبية في كل من النص والتصاميم. وهذا يعني أنه يمكنك تغيير صورة إلى ارتباط يؤدي عند النقر عليه إلى تحويل الضيوف إلى موقع آخر. قم بإحاطة الصورة بمزيج من التسميات.
اللون الافتراضي هو الأزرق لكلا الرابطين. تكتشفه بعض المتصفحات عندما يكون مؤشر الفأرة فوق رابط نشط؛ بينما يكتشفه البعض الآخر عندما يكون الرابط هو محور التركيز. أما تلك التي لا يكون مؤشر الماوس فوق الرابط فتعتبره عاديًا.
لا يقبل المعيار قيم الوزن الكسرية، وبالتالي فإن التنفيذ يعتمد في الغالب على المتصفح. يجب أن تحتوي القيم المقبولة على صفرين في النهاية.
في حالة احتواء المحدد المنفرد على ثلاثة تعريفات أنماط لا لبس فيها، يتم استخدام التعريف الأقرب إلى العلامة الحقيقية. يتفوق النمط المضمن على القوالب المثبتة، وبالتالي يطغى على القوالب الخارجية.
من خلال الفصل بين المحددات بفواصل، يمكنك إنشاء عدة تحديدات بنفس وصف النمط. تنطبق نفس الطريقة على المحددات ذات أسماء الفئات.
عند محاولة الوصول إلى ملف CSS خارجي في المتصفح، يفشل الأمر لأن الملف له امتداد مختلف. الطريقة الوحيدة لاستخدام ملف CSS خارجي هي الإشارة إليه داخل صفحة HTML أخرى باستخدام عنصر الرابط/>. لترميز ملف CSS يلزم معرفة PHP.
قد تجعل الإطارات التنقل في موقع الويب أسهل بكثير. يمكن عرض المعلومات الخاصة بروابط الموقع الأساسي في المساحة المتبقية من نافذة المتصفح إذا كانت روابط الموقع الأساسي في إطار يظهر في أعلى المتصفح أو على طول حافة المتصفح.
شهدت أعمال تكنولوجيا المعلومات زيادة في الحاجة إلى الأشخاص ذوي المهارات والتدريب والكفاءة في HTML. إذا كنت ترغب في العمل مع لغات البرمجة، فهذا أحد أفضل الخيارات. تحتاج وظائف HTML، مثل أي مهنة أخرى، إلى اجتياز مقابلة عمل.
شركة SPOTO هي شركة معترف بها عالميًا تقدم مجموعة واسعة من الخدمات الاحترافية المصممة لتلبية الاحتياجات المتنوعة للمؤسسات في جميع أنحاء العالم. نحن متخصصون في التدريب التقني والتجاري، وتطوير تكنولوجيا المعلومات وحلول البرمجيات، وخدمات اللغات الأجنبية، والتعلم الرقمي، وتوفير الموارد والتوظيف، والاستشارات. يتجلى التزامنا الثابت بالتميز من خلال شهادات الأيزو 9001 و27001 وCMMIDEV/3، التي تؤكد على معاييرنا الاستثنائية. وبفضل سجلنا الحافل بالنجاح الذي يمتد لأكثر من عقدين من الزمن، فقد قدمنا خدماتنا بفعالية لأكثر من 4000 مؤسسة في جميع أنحاء العالم.