في المقابلة ، يدرك العديد من المبتدئين (وليس فقط) المتقدمين للمناصب المتعلقة بـ HTML ، فجأة أنهم لا يستطيعون الإجابة على نفس المعيار ، وعلى ما يبدو أسئلة أولية. ولكن بمجرد أن ينتهي هذا؟ أعتقد أنك تعرف الإجابة على هذا السؤال بالتأكيد.لقد قمنا بتجميع قائمة بأسئلة وأجوبة HTML التي يُرجح طرحها أثناء المقابلة. بعد فهمهم ، سيكون مقدم الطلب قادرًا على إظهار مستوى عالٍ من المعرفة حول الموضوع. إذا كان المرشح يعد الإجابات على هذه الأسئلة جيدًا ويمكنه الرد عليها بسرعة قبل المقابلة ، فسيكون لذلك انطباعًا جيدًا ويمنحه ميزة على المنافسين "البطيئين".أسئلة وأجوبة
ما هو HTML؟
يشير HTML إلى لغة ترميز النص التشعبي. هذه هي لغة الترميز للوثائق على شبكة الويب العالمية (WWW). HTML هي لغة قياسية للنص المنسق. يقوم المستعرض بتفسيرها وعرض عناصر صفحات الويب على الشاشة.مما يتكون النص المنسق بتنسيق HTML؟
بادئ ذي بدء ، HTML هو المحتوى والعلامات. تسمح لك العلامات بتحديد كيفية عرض المحتوى على صفحات الويب.ما هي علامة HTML؟
العلامة هي كلمة خدمة خاصة محاطة بأقواس زاوية. يطلق عليه أيضًا "عنصر HTML". هناك العديد من العلامات في لغة HTML وكل واحدة تفعل شيئًا مع المحتوى ، والذي يقع عادة داخل الأقواس أو بين العلامات.إذا تم إقران العلامة ، فإن العلامة <TEG> تقابل </ TEG>.هل يتم إقران جميع العلامات؟
لا ليس كل. توجد علامات فردية ، على سبيل المثال ، <img> - للصور. في هذه الحالة ، يتم وضع المحتوى مع كلمات الخدمة الأخرى (على سبيل المثال ، <img> قد يكون src = "image url") بين قوسين ، ولكن بعد كلمة img.ما هي الأنواع الرئيسية من القوائم المستخدمة لإنشاء صفحة ويب؟
عند إنشاء صفحة ويب ، يمكنك استخدام:- قائمة القائمة (قائمة القائمة - <menu>).
- قائمة الدليل (قائمة الدليل - <dir>).
- قائمة مرتبة (قائمة مرقمة - <ol>).
- قائمة غير مرتبة (قائمة نقطية - <ul>).
- قائمة التعريفات (<dl>).
لماذا استخدام القوائم في HTML؟
القوائم تجعل المعلومات أكثر وضوحًا وسهلة القراءة. علاوة على ذلك ، داخل القوائم (بشكل أكثر دقة ، للعرض التعسفي لعناصر القائمة) ، يمكنك أيضًا استخدام علامات مختلفة.هل يمكننا كتابة التعليقات في HTML؟ كيف؟
نعم نستطيع. للقيام بذلك ، يجب وضع نص التعليق داخل <! - و ->.لماذا أحيانًا ما يتم عرض بعض الأحرف على صفحة الويب بشكل غير صحيح؟
في أغلب الأحيان ، يتم عرض الأحرف بشكل غير صحيح بسبب مشاكل الترميز. هذا هو السبب - في إعدادات المتصفح أو خادم الويب.ما هي خريطة الصورة؟
في HTML ، تعد Image Map تقنية تسمح لك بربط الروابط بأجزاء الصورة. من خلال النقر على أجزاء فردية من الصورة ، يمكن للمستخدم متابعة هذا الرابط أو ذاك إلى صفحات ويب مختلفة.ما هي المساحة البيضاء؟
White-space هي خاصية تتيح لك تغيير عدد المسافات بين الكلمات عند عرض صفحة ويب. بشكل افتراضي ، يفسر المتصفح أي عدد من المسافات في رمز HTML كمسافة واحدة.ما هي الميزة الرئيسية للمساحة البيضاء؟
عند كتابة كود HTML ، لا يحتاج المطور إلى القلق بشأن المساحات الإضافية التي يمكنه إدخالها: سيقوم المتصفح بإزالة جميع المساحات الإضافية عند عرض صفحة الويب.يمكن للمطور إضافة مسافات إلى الرمز ، ليس فقط عن طريق الصدفة ، ولكن أيضًا عن قصد: لجعل الرمز أكثر قابلية للقراءة.هل يمكنني تعيين قيم لكل سمات العلامات؟
نعم ، في هذه الحالة ، سيستخدم المتصفح القيم الافتراضية. إذا لم تكن راضيًا عن طريقة عرض صفحة الويب ، فربما يجب عليك تحديد قيم بعض السمات بشكل صريح.كيفية وضع علامة حقوق التأليف والنشر على صفحة ويب ، لأنها ليست على لوحة المفاتيح؟
يشير رمز حقوق النشر إلى أحرف خاصة. لوضعه على صفحة ويب ، تحتاج إلى كتابة التسلسل & نسخ أو & # 169 على لوحة المفاتيح في قطعة رمز HTML المقابلة.كيفية إنشاء روابط لأجزاء (أقسام) مختلفة من صفحة الويب نفسها؟
للقيام بذلك ، ابحث عن بداية الجزء الذي نحتاجه في كود HTML. في هذا المكان ، قم بإنشاء ما يسمى "مرساة" باستخدام سمة الاسم للعلامة <a> وأعط الرابط اسم جزء باستخدام سمة href والعلامة #:href = "#link_name_to_fragment"هل يمكننا محاذاة عناصر القائمة في ملف HTML؟
نعم ، يمكننا تخزين عناصر القائمة مباشرة في ملف HTML باستخدام المسافات البادئة. يمكن أيضًا استخدام المسافة البادئة لأي قائمة متداخلة داخل الأصل.ما عنوان صفحة الويب الذي يُعتبر عادةً عنوان الموقع؟
هذه عادة واحدة من صفحات المستوى الأعلى ، الصفحة الرئيسية. من ذلك ، ينتقل المستخدم إلى صفحات تقع في مستويات أقل. وغالبًا ما يتم تكوين عنوانهم على أساس عنوان الصفحة الرئيسية.لماذا نستخدم نصًا بديلاً (سمة alt للعلامة <img>) للصور؟
يتم عرض النص البديل عندما يتم تعطيل الرسومات في متصفح المستخدم أو إذا كانت هناك مشكلة في تحميل صورة معينة. يوضح هذا النص ما كان ينبغي تصويره في هذه الصورة.هل يمكن أن تعمل ملفات HTML بشكل جيد في بعض المستعرضات النادرة أو المتطورة؟
بالطبع ، يمكن أن تعمل ملفات HTML ويجب أن تعمل جيدًا في أي متصفح ، لأن المتصفح يجب أن يتوافق مع معايير HTML. إذا قرر المطورون عدم دعم بعض ميزات المعيار ، يبقى هذا في ضميرهم.هل تعتقد أن الارتباط التشعبي يمكن أن يكون نصًا فقط؟
لا ، لا يمكن أن يكون الارتباط التشعبي نصًا فحسب ، بل أيضًا ، على سبيل المثال ، رسومي. هذا يعني أنه يمكننا تحويل الصورة إلى رابط يوجه المستخدم إلى صفحة أخرى. لا يعتمد الارتباط التشعبي على نوع المحتوى الموجود "تحته".ما هي سمات العلامة <li> عنصر القائمة؟
هنالك اثنان منهم:- يقوم النوع بتعيين مظهر علامة قائمة نقطية أو نقطية ؛
- القيمة - الرقم الذي ستبدأ منه القائمة المرقمة.
ما هي أوراق الأنماط (CSS)؟
تسمح لك أوراق الأنماط بتعيين قواعد واضحة تحدد مظهر المحتوى وعناصر HTML المختلفة والصفحة بأكملها ككل. علاوة على ذلك ، يمكن تطبيق نفس القواعد على العديد من صفحات الويب في وقت واحد ، مما يبسط الحفظ ، وإذا لزم الأمر ، يغير النمط الموحد للموقع.ما أنواع الترقيم في القوائم التي تعرفها؟
يمكن أن تكون القيم التالية بمثابة عناصر ترقيم:- الأرقام العربية (1 ، 2 ، 3 ، ...) ؛
- حروف لاتينية كبيرة (A ، B ، C ، ...) ؛
- الحروف اللاتينية الصغيرة (أ ، ب ، ج ، ...) ؛
- أرقام رومانية كبيرة (I ، II ، III ، ...) ؛
- الأرقام الرومانية الصغيرة (i ، ii ، iii ، ...).
كيفية تعيين ألوان مختلفة لأجزاء النص لصفحة ويب؟
لتعيين ألوان مختلفة لأجزاء النص ، تحتاج إلى وضع كل جزء داخل علامة الخط المزدوج:<font color=“color”>- “color”</font>
أين يتم تخزين رموز الأحرف الرقمية في HTML؟
في جدول ASCII. عندما يتم عرض صفحة ويب ، يأخذ المستعرض رموز الأحرف الرقمية من مستند HTML ويستبدلها بالحرف المقابل من الجدول.ما هي فوائد تجميع مربعات اختيار متعددة (عناصر مربع الاختيار)؟
هناك العديد من المزايا لتجميع الأعلام:- يساعد على تنظيمها وتنظيمها بشكل أفضل ؛
- هذا يسمح لك بالوصول إلى أعلام محددة من المجموعة باستخدام معرف ؛
- هذا يسمح لك بإنشاء مجموعة أخرى من العلامات على نفس صفحة الويب دون خوف من الخلط بين أسماء أو معرفات العلامات.
كيف يؤثر تداخل العلامات على عرض المحتوى؟
يتعرف التداخل المتداخل في HTML على العلامة الأولى فقط. لكن هذه المشاكل تحدث فقط إذا حاول المتصفح التعرف على العلامات بدون نص.إذا لم يكن هناك نص بين العلامات ، فماذا ستكون النتيجة؟ اعط مثالا؟
إذا لم يكن هناك نص بين العلامات ، فسيكون من المستحيل تنسيق المحتوى. على سبيل المثال ، العلامات الفردية ، مثل <img> ، لا تتطلب إدخال نص ، وبالتالي ، التنسيق غير مطلوب في هذه الحالة.كيفية تحديد الألوان لحدود الجدول؟
يمكن القيام بذلك في ورقة الأنماط ، وإذا كان مفقودًا ، فسيتم استخدام لون النص.هل يمكننا إنشاء رابط يؤدي إلى صفحة ويب أخرى؟
نعم ، تحتاج إلى استخدام سمة href لهذا الغرض.هل يمكن لأوراق الأنماط المساعدة في محاذاة الصورة وتحديد كيفية وضع النص بالنسبة لها؟
نعم ، قد تحتوي ورقة الأنماط على قواعد لوضع النص والصور.هل يمكن لارتباط تشعبي واحد أن يؤدي إلى صفحات مختلفة؟
لا ، يمكن أن يؤدي ارتباط تشعبي واحد فقط إلى صفحة ويب واحدة ، العنوان الذي تقدمه.هل هناك فرق بين القائمة النقطية وقائمة الدلائل والقوائم؟
نعم ، الفرق هو أن القائمة غير المرتبة لها سمات لتغيير نمط العلامة.كيف تغير لون العلامة؟
يتطابق لون العلامة عادةً مع لون الحرف الأول في القائمة. إذا قمت بتغيير لون الحرف الأول باستخدام علامة <font> ، فسوف يتغير لون العلامة أيضًا.إذا أردنا تعيين لون العلامة في القائمة دون تغيير لون النص ، فنحن بحاجة إلى وضع علامة <span> داخل <li> ، ووضع النص بداخلها. ثم يتم تحديد لون العلامة من خلال لون خاصية النمط لمحدد LI ، ولون النص بواسطة خاصية اللون لمحدد SPAN.هل من الممكن إدخال بعض القيود على حجم حقول النص في HTML؟
الحجم القياسي هو 20-25 حرفا. ولكن باستخدام سمات الحجم أو الحجم الأقصى ، يمكنك تعيين قيود أخرى. على سبيل المثال:<input type="text" size="5" />
ما هو الحد الأقصى لحجم حقل النص؟
عرض نافذة المتصفح.ماذا يحدث إذا قمت بتعيين حجم حقل النص على صفر؟
سيستخدم المتصفح القيمة الافتراضية.ما هي أوجه التشابه بين سمات الحدود والقواعد؟
إذا تم تعيين سمة الحدود على قيمة غير صفرية ، فسيتم تلقائيًا إضافة الحد الافتراضي لخلية بسماكة بكسل واحد. إذا تمت إضافة سمة القواعد إلى علامة <table> ، فلن يتم تضمين سمة الحدود.ولكن في نفس الوقت حول كل خلية (نفس الحد) ، سيظهر إطار بسماكة بكسل واحد افتراضيًا ، وبالتالي تشكيل شبكة.ما هو سرادق؟ كيف يمكننا تطبيق هذا؟
يساعد Marquee في تخصيص تمرير النص على صفحة الويب. لتنشيط التمرير ، تحتاج إلى استخدام علامة <marquee>.ماذا تفعل العلامة <br>؟
وظيفة العلامة <br> هي فصل أجزاء من النص عن بعضها البعض.هل هناك طريقة أخرى لتقسيم النص بدون استخدام <br>؟
نعم ، هناك طرق أخرى لتقسيم النص. يمكنك استخدام العلامة <p> أو علامة <blockquote>.هل يمكن عرض النص خارج نافذة المتصفح؟
بشكل افتراضي ، لا يمكن عرض النص خارج المتصفح ، ولكن إذا كان النص جزءًا من خلية جدول بعرض محدد مسبقًا ، فيمكنه تجاوز نافذة المتصفح.ما الفرق بين الروابط النشطة وغير النشطة؟
الارتباط النشط لديه التركيز ، أي أن الماوس فوقها. في حالات أخرى ، يكون التركيز في مكان آخر.هل تحتوي ورقة الأنماط على قيود على عدد القواعد؟
لا ، لا تحد أوراق الأنماط من عدد القواعد المحددة. ومع ذلك ، يجب فصل كل قاعدة جديدة بفواصل منقوطة.هل تحتوي أوراق الأنماط على أي تسلسل هرمي للقواعد؟
نعم ، هناك تسلسل هرمي يشمل أربعة مستويات (من أعلى أولوية إلى أقل أولوية):- نمط مضمن: يتم إرفاقه مباشرة بالعنصر الذي تم إنشاء النمط له. مثال:
<h1 style="color: #ffffff;">
- المعرف هو معرف فريد لعناصر الصفحة ، مثل #navbar.
- الفئات والسمات والفئات الزائفة: تتضمن هذه الفئات فئات .class [سمة] والفئات الزائفة مثل: hover و: focus وما إلى ذلك.
- العناصر والعناصر الزائفة: تتضمن هذه الفئة عناصر وعناصر زائفة ، مثل h1 ، div ،: قبل و: بعد.
هل يمكننا تجميع محددات مختلفة بأسماء فئات مختلفة؟
نعم ، لهذا تحتاج فقط إلى كتابة أسماء الفئات بفاصلة.هل يمكنني إرفاق ملف CSS خارجي في متصفح؟
لا ، يمكن تضمين ملف CSS خارجي باستخدام علامة <link /> في مستند HTML نفسه.هل يمكن أن تؤثر خاصية نوع نمط القائمة على فقرة؟
لا ، لا يمكن أن تؤثر خاصية نوع نمط القائمة على فقرة ، فعلى الأغلب ستتجاهلها.ما هو عنصر قماش؟
يمكن استخدام عنصر لوحة HTML5 لإدراج الصور والتدرجات والرسوم المتحركة المعقدة. يمكن أن يساعد أيضًا في إنشاء صور ثنائية الأبعاد مباشرة داخل التعليمات البرمجية المصدر لمستند HTML.استنتاج
يمكن أن تعطيك الإجابات أعلاه على الأسئلة فكرة عما قد يُطلب منك. يمكنك التغلب على الخوف واكتساب الثقة ، مما سيساعدك في الحصول على الوظيفة التي تريدها. الإجابات الموضحة أعلاه هي في الغالب واضحة وقصيرة للغاية. لكن هذا يكفي للمحاور لفهم أن المرشح في الموضوع.استنتاج
بالإضافة إلى إعداد الإجابات الموضحة أعلاه ، نوصي أيضًا بالدردشة مع صديق أو قريب تمت مقابلته مؤخرًا. سيساعدك ذلك في الحصول على معلومات حول اتجاهات الصناعة وتوقعات أصحاب العمل. وبالتالي ، يمكنك تحسين مهاراتك وقدراتك وفقًا لذلك ، ثم استخدامها لتقديم خدماتك لصاحب العمل وتقديم نفسك بشكل صحيح وفقًا لتوقعاته.سيساعدك التواصل مع الأشخاص الذين تمت مقابلتهم مؤخرًا ، بالإضافة إلى الإجابات على الأسئلة أعلاه ، على وضع نفسك كمرشح أكثر جدارة وزيادة فرصك في العرض.