Explore topic-wise InterviewSolutions in .

This section includes InterviewSolutions, each offering curated multiple-choice questions to sharpen your knowledge and support exam preparation. Choose a topic below to get started.

51.

Which of the following is a server-side solution for implementing responsive images?(a) http://adaptive-images.com(b) http://github.com/scottjehl/picturefill(c) http://www.netmagazine.com(d) http://offroadcode.comThe question was posed to me in homework.This key question is from Responsive Overview in division Advance HTML of HTML

Answer»

The correct CHOICE is (a) http://adaptive-images.com

Easy explanation: Instead of implementing ideal RESPONSIVE IMAGE with element, we can use a server-side solution with Adaptive image i.e. http://adaptive-images.com/. It was created by MATT Wilcox (http://mattwilcox.net/).
Discussion
52.

How many kinds of map does Geo support?(a) 1(b) 2(c) 3(d) 4This question was posed to me in examination.Question is taken from HTML Geolocation topic in chapter Advance HTML of HTML

Answer»

Right option is (d) 4

The best I can EXPLAIN: Geo supports 3 different kinds of interactive map LIKE OpenStreeMap, Google Maps, a hybrid map that is Google Map with OpenStreetMap tiles PLACED on it, these maps are loaded in 3 different HTML ELEMENTS.
Discussion
53.

Which element is known as HTML plaintext element?(a) (b) (c) (d) The question was asked in homework.The question is from HTML5 Semantics & YouTube Videos in chapter Advance HTML of HTML

Answer»

Correct choice is (a)

<br/><br/>Easy explanation: <plaintext> element renders <a href="https://interviewquestions.tuteehub.com/tag/everything-25538" style="font-weight:bold;" target="_blank" title="Click to know more about EVERYTHING">EVERYTHING</a> <a href="https://interviewquestions.tuteehub.com/tag/following-463335" style="font-weight:bold;" target="_blank" title="Click to know more about FOLLOWING">FOLLOWING</a> start <a href="https://interviewquestions.tuteehub.com/tag/tag-1238435" style="font-weight:bold;" target="_blank" title="Click to know more about TAG">TAG</a> as raw text, without <a href="https://interviewquestions.tuteehub.com/tag/interpreting-1049731" style="font-weight:bold;" target="_blank" title="Click to know more about INTERPRETING">INTERPRETING</a> any HTML. There is no need for closing tag since everything written after this tag is considered as raw text. <shadow> element is an obsolete part of <a href="https://interviewquestions.tuteehub.com/tag/web-11417" style="font-weight:bold;" target="_blank" title="Click to know more about WEB">WEB</a> component which is used to shadow DOM objects. <spacer> element allows insertion of spaces in documents. <noembed> is an obsolete non-standard which provides fallback to the content of browser.</noembed></spacer></shadow></plaintext></plaintext></p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-element-is-known-as-html-plaintext-element-a-2277479" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 54. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which element defines parameters for element?(a) (b) (c) (d) I had been asked this question in an online quiz.Asked question is from HTML5 Semantics in section Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Correct option is (&lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/b-387190&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about B&quot;&gt;B&lt;/a&gt;) &lt;param/&gt;&lt;br/&gt;&lt;br/&gt;Easy explanation: &lt;noembed&gt; is fallback content for browsers. &lt;object&gt; element describes an external resource. &lt;embed&gt; element embeds external content in document. &lt;param/&gt; element defines parameters for &lt;object&gt; element. The element includes &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/global-473628&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about GLOBAL&quot;&gt;GLOBAL&lt;/a&gt; attributes. This element is supported by all the browsers. &lt;source&gt; element specifies multimedia resources for &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/pictures-1154472&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about PICTURES&quot;&gt;PICTURES&lt;/a&gt;, audio &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/etc-975753&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ETC&quot;&gt;ETC&lt;/a&gt;.&lt;/source&gt;&lt;/object&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/noembed&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Correct option is (<a href="https://interviewquestions.tuteehub.com/tag/b-387190" style="font-weight:bold;" target="_blank" title="Click to know more about B">B</a>) <param/><br/><br/>Easy explanation: <noembed> is fallback content for browsers. <object> element describes an external resource. <embed> element embeds external content in document. <param/> element defines parameters for <object> element. The element includes <a href="https://interviewquestions.tuteehub.com/tag/global-473628" style="font-weight:bold;" target="_blank" title="Click to know more about GLOBAL">GLOBAL</a> attributes. This element is supported by all the browsers. <source> element specifies multimedia resources for <a href="https://interviewquestions.tuteehub.com/tag/pictures-1154472" style="font-weight:bold;" target="_blank" title="Click to know more about PICTURES">PICTURES</a>, audio <a href="https://interviewquestions.tuteehub.com/tag/etc-975753" style="font-weight:bold;" target="_blank" title="Click to know more about ETC">ETC</a>.</source></object></embed></object></noembed></p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-element-defines-parameters-for-element-a-b-c-2277478" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 55. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which element represents an external resource?(a) (b) (c) (d) This question was posed to me during an online exam.Question is taken from HTML5 Semantics topic in chapter Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;The correct answer is (a) &lt;object&gt;&lt;br/&gt;&lt;br/&gt;Explanation: An &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/external-981194&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about EXTERNAL&quot;&gt;EXTERNAL&lt;/a&gt; resource is represented by &lt;object&gt; &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/element-969236&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ELEMENT&quot;&gt;ELEMENT&lt;/a&gt; that can be treated as image, nested browsing context or a resource to be handled by &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/plugin-1156821&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about PLUGIN&quot;&gt;PLUGIN&lt;/a&gt;. It &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/includes-1039937&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about INCLUDES&quot;&gt;INCLUDES&lt;/a&gt; various attributes like archive, border, classid, codebase, codetype etc. &lt;source&gt; element specifies multimedia resources for pictures, audio etc. &lt;param/&gt; element &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/defines-947080&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about DEFINES&quot;&gt;DEFINES&lt;/a&gt; parameters for &lt;object&gt; element. An element &lt;picture&gt; contains &lt;source&gt; element and &lt;image&gt;.&lt;/image&gt;&lt;/source&gt;&lt;/picture&gt;&lt;/object&gt;&lt;/source&gt;&lt;/object&gt;&lt;/object&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>The correct answer is (a) <object><br/><br/>Explanation: An <a href="https://interviewquestions.tuteehub.com/tag/external-981194" style="font-weight:bold;" target="_blank" title="Click to know more about EXTERNAL">EXTERNAL</a> resource is represented by <object> <a href="https://interviewquestions.tuteehub.com/tag/element-969236" style="font-weight:bold;" target="_blank" title="Click to know more about ELEMENT">ELEMENT</a> that can be treated as image, nested browsing context or a resource to be handled by <a href="https://interviewquestions.tuteehub.com/tag/plugin-1156821" style="font-weight:bold;" target="_blank" title="Click to know more about PLUGIN">PLUGIN</a>. It <a href="https://interviewquestions.tuteehub.com/tag/includes-1039937" style="font-weight:bold;" target="_blank" title="Click to know more about INCLUDES">INCLUDES</a> various attributes like archive, border, classid, codebase, codetype etc. <source> element specifies multimedia resources for pictures, audio etc. <param/> element <a href="https://interviewquestions.tuteehub.com/tag/defines-947080" style="font-weight:bold;" target="_blank" title="Click to know more about DEFINES">DEFINES</a> parameters for <object> element. An element <picture> contains <source> element and <image>.</image></source></picture></object></source></object></object></p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-element-represents-an-external-resource-a-b-2277477" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 56. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which function will be called when the last instance of a plug-in is deleted?(a) NPP_Destroy(b) NP_Initialize(c) NPP_New(d) NP_ShutdownI have been asked this question in exam.My question comes from HTML Plugins in section Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Correct choice is (d) NP_Shutdown&lt;br/&gt;&lt;br/&gt;Easy explanation: When the &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/last-3704365&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about LAST&quot;&gt;LAST&lt;/a&gt; instance of a plug-in is deleted Gecko calls the function NP_Shutdown. The plug-in code is unloaded from memory. Plug-ins &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/consume-409809&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CONSUME&quot;&gt;CONSUME&lt;/a&gt; no &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/resources-11387&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about RESOURCES&quot;&gt;RESOURCES&lt;/a&gt; when not &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/loaded-7257673&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about LOADED&quot;&gt;LOADED&lt;/a&gt;, it only &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/consumes-931374&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CONSUMES&quot;&gt;CONSUMES&lt;/a&gt; a little disk space.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Correct choice is (d) NP_Shutdown<br/><br/>Easy explanation: When the <a href="https://interviewquestions.tuteehub.com/tag/last-3704365" style="font-weight:bold;" target="_blank" title="Click to know more about LAST">LAST</a> instance of a plug-in is deleted Gecko calls the function NP_Shutdown. The plug-in code is unloaded from memory. Plug-ins <a href="https://interviewquestions.tuteehub.com/tag/consume-409809" style="font-weight:bold;" target="_blank" title="Click to know more about CONSUME">CONSUME</a> no <a href="https://interviewquestions.tuteehub.com/tag/resources-11387" style="font-weight:bold;" target="_blank" title="Click to know more about RESOURCES">RESOURCES</a> when not <a href="https://interviewquestions.tuteehub.com/tag/loaded-7257673" style="font-weight:bold;" target="_blank" title="Click to know more about LOADED">LOADED</a>, it only <a href="https://interviewquestions.tuteehub.com/tag/consumes-931374" style="font-weight:bold;" target="_blank" title="Click to know more about CONSUMES">CONSUMES</a> a little disk space.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-function-will-be-called-when-the-last-instan-2277476" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 57. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following will provide options for rendering overview map control?(a) MapTypeControlStyle(b) OverviewMapControlOptions(c) MapTypeControlOptions(d) PanControlOptionsI got this question during an online exam.The question is from HTML Google Maps in section Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Right &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/choice-915996&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CHOICE&quot;&gt;CHOICE&lt;/a&gt; is (b) OverviewMapControlOptions&lt;br/&gt;&lt;br/&gt;Easy explanation: OverviewMapControlOptions will provide options for &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/rendering-1184839&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about RENDERING&quot;&gt;RENDERING&lt;/a&gt; of overview map &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/control-425557&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CONTROL&quot;&gt;CONTROL&lt;/a&gt;, MapTypeControlStyle will &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/specify-1221718&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SPECIFY&quot;&gt;SPECIFY&lt;/a&gt; kind of map control to display. &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/maptypecontroloptions-2169564&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about MAPTYPECONTROLOPTIONS&quot;&gt;MAPTYPECONTROLOPTIONS&lt;/a&gt; holds options to modify a control. Options for rendering pan control is given by PanControlOptions.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Right <a href="https://interviewquestions.tuteehub.com/tag/choice-915996" style="font-weight:bold;" target="_blank" title="Click to know more about CHOICE">CHOICE</a> is (b) OverviewMapControlOptions<br/><br/>Easy explanation: OverviewMapControlOptions will provide options for <a href="https://interviewquestions.tuteehub.com/tag/rendering-1184839" style="font-weight:bold;" target="_blank" title="Click to know more about RENDERING">RENDERING</a> of overview map <a href="https://interviewquestions.tuteehub.com/tag/control-425557" style="font-weight:bold;" target="_blank" title="Click to know more about CONTROL">CONTROL</a>, MapTypeControlStyle will <a href="https://interviewquestions.tuteehub.com/tag/specify-1221718" style="font-weight:bold;" target="_blank" title="Click to know more about SPECIFY">SPECIFY</a> kind of map control to display. <a href="https://interviewquestions.tuteehub.com/tag/maptypecontroloptions-2169564" style="font-weight:bold;" target="_blank" title="Click to know more about MAPTYPECONTROLOPTIONS">MAPTYPECONTROLOPTIONS</a> holds options to modify a control. Options for rendering pan control is given by PanControlOptions.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-will-provide-options-for-re-2277475" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 58. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following event does not take a MouseEvent argument in Map()?(a) dbclick(b) drag(c) click(d) mouseoverI got this question at a job interview.My query is from HTML Google Maps topic in chapter Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Right answer is (b) drag&lt;br/&gt;&lt;br/&gt;For explanation I would say: There are &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/various-1443317&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about VARIOUS&quot;&gt;VARIOUS&lt;/a&gt; events of Map() that takes &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/mouseevent-565056&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about MOUSEEVENT&quot;&gt;MOUSEEVENT&lt;/a&gt; as an argument. Some of them are dbclick, click, mouseout, mousemove, &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/mouseover-2846037&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about MOUSEOVER&quot;&gt;MOUSEOVER&lt;/a&gt;, rightclick. When a user clicks the map click event is fired and on &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/double-441870&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about DOUBLE&quot;&gt;DOUBLE&lt;/a&gt; clicking on the map dbclick event is fired.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Right answer is (b) drag<br/><br/>For explanation I would say: There are <a href="https://interviewquestions.tuteehub.com/tag/various-1443317" style="font-weight:bold;" target="_blank" title="Click to know more about VARIOUS">VARIOUS</a> events of Map() that takes <a href="https://interviewquestions.tuteehub.com/tag/mouseevent-565056" style="font-weight:bold;" target="_blank" title="Click to know more about MOUSEEVENT">MOUSEEVENT</a> as an argument. Some of them are dbclick, click, mouseout, mousemove, <a href="https://interviewquestions.tuteehub.com/tag/mouseover-2846037" style="font-weight:bold;" target="_blank" title="Click to know more about MOUSEOVER">MOUSEOVER</a>, rightclick. When a user clicks the map click event is fired and on <a href="https://interviewquestions.tuteehub.com/tag/double-441870" style="font-weight:bold;" target="_blank" title="Click to know more about DOUBLE">DOUBLE</a> clicking on the map dbclick event is fired.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-event-does-not-take-a-mouse-2277474" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 59. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which is used on a container?(a) .navbar-static-top(b) .navbar-nav(c) .navbar-toggle(d) .navbar-rightThe question was asked in an interview for internship.I&#039;m obligated to ask this question of Responsive Overview in chapter Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Correct answer is (b) .navbar-nav&lt;br/&gt;&lt;br/&gt;To explain I would &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/say-1195451&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SAY&quot;&gt;SAY&lt;/a&gt;: .navbar-nav is used on &lt;/p&gt;&lt;ul&gt; container that contains list items with links inside a &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/navigation-1112145&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about NAVIGATION&quot;&gt;NAVIGATION&lt;/a&gt; bar, .navbar-right aligns nav links, forms, buttons or text in navbar to the right. Left, top and right borders from the nav bar can be removed by .navbar-static-top. .navbar-toggle &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/styles-1230768&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about STYLES&quot;&gt;STYLES&lt;/a&gt; &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/button-11522&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about BUTTON&quot;&gt;BUTTON&lt;/a&gt; that should open navbar on small screens.&lt;/ul&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Correct answer is (b) .navbar-nav<br/><br/>To explain I would <a href="https://interviewquestions.tuteehub.com/tag/say-1195451" style="font-weight:bold;" target="_blank" title="Click to know more about SAY">SAY</a>: .navbar-nav is used on </p><ul> container that contains list items with links inside a <a href="https://interviewquestions.tuteehub.com/tag/navigation-1112145" style="font-weight:bold;" target="_blank" title="Click to know more about NAVIGATION">NAVIGATION</a> bar, .navbar-right aligns nav links, forms, buttons or text in navbar to the right. Left, top and right borders from the nav bar can be removed by .navbar-static-top. .navbar-toggle <a href="https://interviewquestions.tuteehub.com/tag/styles-1230768" style="font-weight:bold;" target="_blank" title="Click to know more about STYLES">STYLES</a> <a href="https://interviewquestions.tuteehub.com/tag/button-11522" style="font-weight:bold;" target="_blank" title="Click to know more about BUTTON">BUTTON</a> that should open navbar on small screens.</ul></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-is-used-on-a-container-a-navbar-static-top-b-2277473" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 60. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which is not a container for embedded content?(a) .embed-responsive(b) .embed-responsive-16by9(c) .embed-responsive-4by3(d) .embed-responsive-itemI had been asked this question in examination.This question is from Responsive Overview topic in chapter Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Correct answer is (d) .embed-responsive-item&lt;br/&gt;&lt;br/&gt;For explanation I would say: .embed-responsive-item is used inside .embed-responsive, scales the video nicely to the &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/parent-1146949&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about PARENT&quot;&gt;PARENT&lt;/a&gt; &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/element-969236&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ELEMENT&quot;&gt;ELEMENT&lt;/a&gt;, .embed-responsive, .embed-responsive-16by9, .embed-responsive-4by3 are &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/containers-931594&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CONTAINERS&quot;&gt;CONTAINERS&lt;/a&gt; for embedded content. They creates given aspect &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/ratio-13379&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about RATIO&quot;&gt;RATIO&lt;/a&gt; embedded content.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Correct answer is (d) .embed-responsive-item<br/><br/>For explanation I would say: .embed-responsive-item is used inside .embed-responsive, scales the video nicely to the <a href="https://interviewquestions.tuteehub.com/tag/parent-1146949" style="font-weight:bold;" target="_blank" title="Click to know more about PARENT">PARENT</a> <a href="https://interviewquestions.tuteehub.com/tag/element-969236" style="font-weight:bold;" target="_blank" title="Click to know more about ELEMENT">ELEMENT</a>, .embed-responsive, .embed-responsive-16by9, .embed-responsive-4by3 are <a href="https://interviewquestions.tuteehub.com/tag/containers-931594" style="font-weight:bold;" target="_blank" title="Click to know more about CONTAINERS">CONTAINERS</a> for embedded content. They creates given aspect <a href="https://interviewquestions.tuteehub.com/tag/ratio-13379" style="font-weight:bold;" target="_blank" title="Click to know more about RATIO">RATIO</a> embedded content.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-is-not-a-container-for-embedded-content-a-em-2277472" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 61. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following forces an element to be hidden?(a) .hidden(b) .hidden-*(c) .hide(d) .icon-barI have been asked this question during an online exam.This intriguing question comes from Responsive Overview topic in section Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Correct answer is (a) .hidden&lt;br/&gt;&lt;br/&gt;To explain: .hidden forces an element to be hidden (display:none), .hidden-* &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/hides-1020084&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about HIDES&quot;&gt;HIDES&lt;/a&gt; &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/content-25493&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CONTENT&quot;&gt;CONTENT&lt;/a&gt; depending on &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/screen-25632&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SCREEN&quot;&gt;SCREEN&lt;/a&gt; size, .&lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/hide-1020081&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about HIDE&quot;&gt;HIDE&lt;/a&gt; is deprecates, .icon-bar is used in the navbar to create hamburger menu.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Correct answer is (a) .hidden<br/><br/>To explain: .hidden forces an element to be hidden (display:none), .hidden-* <a href="https://interviewquestions.tuteehub.com/tag/hides-1020084" style="font-weight:bold;" target="_blank" title="Click to know more about HIDES">HIDES</a> <a href="https://interviewquestions.tuteehub.com/tag/content-25493" style="font-weight:bold;" target="_blank" title="Click to know more about CONTENT">CONTENT</a> depending on <a href="https://interviewquestions.tuteehub.com/tag/screen-25632" style="font-weight:bold;" target="_blank" title="Click to know more about SCREEN">SCREEN</a> size, .<a href="https://interviewquestions.tuteehub.com/tag/hide-1020081" style="font-weight:bold;" target="_blank" title="Click to know more about HIDE">HIDE</a> is deprecates, .icon-bar is used in the navbar to create hamburger menu.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-forces-an-element-to-be-hid-2277471" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 62. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following are the fades in a tab?(a) .in(b) .info(c) .initialism(d) .icon-prevI have been asked this question during an internship interview.This intriguing question comes from Responsive Overview in chapter Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/right-1188951&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about RIGHT&quot;&gt;RIGHT&lt;/a&gt; choice is (a) .in&lt;br/&gt;&lt;br/&gt;The best I can explain: .in fades in tabs, .&lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/info-1043778&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about INFO&quot;&gt;INFO&lt;/a&gt; adds a light-blue background to table row, it indicates neutral informative change or &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/action-2544&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ACTION&quot;&gt;ACTION&lt;/a&gt;, .initialism displays the text inside &lt;abbr&gt; element in a slightly smaller font size, .icon-prev specifies unicode icon &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/used-2318798&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about USED&quot;&gt;USED&lt;/a&gt; in corousels.&lt;/abbr&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><a href="https://interviewquestions.tuteehub.com/tag/right-1188951" style="font-weight:bold;" target="_blank" title="Click to know more about RIGHT">RIGHT</a> choice is (a) .in<br/><br/>The best I can explain: .in fades in tabs, .<a href="https://interviewquestions.tuteehub.com/tag/info-1043778" style="font-weight:bold;" target="_blank" title="Click to know more about INFO">INFO</a> adds a light-blue background to table row, it indicates neutral informative change or <a href="https://interviewquestions.tuteehub.com/tag/action-2544" style="font-weight:bold;" target="_blank" title="Click to know more about ACTION">ACTION</a>, .initialism displays the text inside <abbr> element in a slightly smaller font size, .icon-prev specifies unicode icon <a href="https://interviewquestions.tuteehub.com/tag/used-2318798" style="font-weight:bold;" target="_blank" title="Click to know more about USED">USED</a> in corousels.</abbr></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-are-the-fades-in-a-tab-a-in-2277470" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 63. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which defines style for body of the modal?(a) .modal(b) .modal-content(c) .modal-body(d) .modal-dialogThe question was posed to me by my college professor while I was bunking the class.My question is from Responsive Overview in portion Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Right option is (c) .modal-body&lt;br/&gt;&lt;br/&gt;Explanation: .modal-body defines style for the body of the modal, we can add &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/html-11276&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about HTML&quot;&gt;HTML&lt;/a&gt; markup here, .modal-content styles modal we can add modal’s header, body and &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/footer-995043&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about FOOTER&quot;&gt;FOOTER&lt;/a&gt;, .modal-dialog &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/sets-14209&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SETS&quot;&gt;SETS&lt;/a&gt; the proper &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/width-11498&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about WIDTH&quot;&gt;WIDTH&lt;/a&gt; and margin of the modal.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Right option is (c) .modal-body<br/><br/>Explanation: .modal-body defines style for the body of the modal, we can add <a href="https://interviewquestions.tuteehub.com/tag/html-11276" style="font-weight:bold;" target="_blank" title="Click to know more about HTML">HTML</a> markup here, .modal-content styles modal we can add modal’s header, body and <a href="https://interviewquestions.tuteehub.com/tag/footer-995043" style="font-weight:bold;" target="_blank" title="Click to know more about FOOTER">FOOTER</a>, .modal-dialog <a href="https://interviewquestions.tuteehub.com/tag/sets-14209" style="font-weight:bold;" target="_blank" title="Click to know more about SETS">SETS</a> the proper <a href="https://interviewquestions.tuteehub.com/tag/width-11498" style="font-weight:bold;" target="_blank" title="Click to know more about WIDTH">WIDTH</a> and margin of the modal.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-defines-style-for-body-of-the-modal-a-modal-2277469" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 64. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which class is a container for responsive columns?(a) .sr-only(b) .small(c) .show(d) .rowThe question was asked in an interview.This key question is from Responsive Overview topic in portion Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Correct &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/answer-15557&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ANSWER&quot;&gt;ANSWER&lt;/a&gt; is (d) .row&lt;br/&gt;&lt;br/&gt;Explanation: .row class is for container for responsive columns, .small &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/creates-427342&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CREATES&quot;&gt;CREATES&lt;/a&gt; a lighter, secondary &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/text-11613&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about TEXT&quot;&gt;TEXT&lt;/a&gt; in any heading, .sr-only hides an element on all devices except for &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/screen-25632&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SCREEN&quot;&gt;SCREEN&lt;/a&gt; readers, .&lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/show-642916&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SHOW&quot;&gt;SHOW&lt;/a&gt; class shows an element.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Correct <a href="https://interviewquestions.tuteehub.com/tag/answer-15557" style="font-weight:bold;" target="_blank" title="Click to know more about ANSWER">ANSWER</a> is (d) .row<br/><br/>Explanation: .row class is for container for responsive columns, .small <a href="https://interviewquestions.tuteehub.com/tag/creates-427342" style="font-weight:bold;" target="_blank" title="Click to know more about CREATES">CREATES</a> a lighter, secondary <a href="https://interviewquestions.tuteehub.com/tag/text-11613" style="font-weight:bold;" target="_blank" title="Click to know more about TEXT">TEXT</a> in any heading, .sr-only hides an element on all devices except for <a href="https://interviewquestions.tuteehub.com/tag/screen-25632" style="font-weight:bold;" target="_blank" title="Click to know more about SCREEN">SCREEN</a> readers, .<a href="https://interviewquestions.tuteehub.com/tag/show-642916" style="font-weight:bold;" target="_blank" title="Click to know more about SHOW">SHOW</a> class shows an element.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-class-is-a-container-for-responsive-columns-2277468" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 65. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following creates a pagination?(a) .pager(b) .pagination(c) .pagination-lg(d) .pagination-smI got this question during an interview for a job.I want to ask this question from Responsive Overview in chapter Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;The correct &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/answer-15557&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ANSWER&quot;&gt;ANSWER&lt;/a&gt; is (b) .pagination&lt;br/&gt;&lt;br/&gt;For explanation I would say: .pagination creates a pagination which is &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/useful-1441152&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about USEFUL&quot;&gt;USEFUL&lt;/a&gt; when we have a website with &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/lots-544791&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about LOTS&quot;&gt;LOTS&lt;/a&gt; of pages, used on &lt;/p&gt;&lt;ul&gt; elements, .pager creates previous or &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/next-578185&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about NEXT&quot;&gt;NEXT&lt;/a&gt; buttons, it is used on &lt;ul&gt; elements, .pagination-lg creates large pagination, .pagination-sm creates small pagination.&lt;/ul&gt;&lt;/ul&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>The correct <a href="https://interviewquestions.tuteehub.com/tag/answer-15557" style="font-weight:bold;" target="_blank" title="Click to know more about ANSWER">ANSWER</a> is (b) .pagination<br/><br/>For explanation I would say: .pagination creates a pagination which is <a href="https://interviewquestions.tuteehub.com/tag/useful-1441152" style="font-weight:bold;" target="_blank" title="Click to know more about USEFUL">USEFUL</a> when we have a website with <a href="https://interviewquestions.tuteehub.com/tag/lots-544791" style="font-weight:bold;" target="_blank" title="Click to know more about LOTS">LOTS</a> of pages, used on </p><ul> elements, .pager creates previous or <a href="https://interviewquestions.tuteehub.com/tag/next-578185" style="font-weight:bold;" target="_blank" title="Click to know more about NEXT">NEXT</a> buttons, it is used on <ul> elements, .pagination-lg creates large pagination, .pagination-sm creates small pagination.</ul></ul></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-creates-a-pagination-a-page-2277467" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 66. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following is not included in the framework?(a) font sizes(b) css reset(c) button styles(d) formsThe question was posed to me in exam.Origin of the question is Responsive Overview topic in division Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;The correct choice is (d) forms&lt;br/&gt;&lt;br/&gt;Easy explanation: If we use the framework it can &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/save-637275&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SAVE&quot;&gt;SAVE&lt;/a&gt; a lot of time. Framework generally &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/includes-1039937&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about INCLUDES&quot;&gt;INCLUDES&lt;/a&gt; a width of the grid, button &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/styles-1230768&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about STYLES&quot;&gt;STYLES&lt;/a&gt;, &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/css-11250&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CSS&quot;&gt;CSS&lt;/a&gt; reset and many more other aspects to build a website.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>The correct choice is (d) forms<br/><br/>Easy explanation: If we use the framework it can <a href="https://interviewquestions.tuteehub.com/tag/save-637275" style="font-weight:bold;" target="_blank" title="Click to know more about SAVE">SAVE</a> a lot of time. Framework generally <a href="https://interviewquestions.tuteehub.com/tag/includes-1039937" style="font-weight:bold;" target="_blank" title="Click to know more about INCLUDES">INCLUDES</a> a width of the grid, button <a href="https://interviewquestions.tuteehub.com/tag/styles-1230768" style="font-weight:bold;" target="_blank" title="Click to know more about STYLES">STYLES</a>, <a href="https://interviewquestions.tuteehub.com/tag/css-11250" style="font-weight:bold;" target="_blank" title="Click to know more about CSS">CSS</a> reset and many more other aspects to build a website.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-is-not-included-in-the-fram-2277466" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 67. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> For background sound obsolete element was __________(a) (b) (c) (d) The question was posed to me at a job interview.Question is taken from HTML5 Semantics topic in portion Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;The correct &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/option-25810&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about OPTION&quot;&gt;OPTION&lt;/a&gt; is (a) &lt;bgsound&gt;&lt;br/&gt;&lt;br/&gt;The &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/best-390038&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about BEST&quot;&gt;BEST&lt;/a&gt; I can explain: &lt;bgsound&gt; element only used by Internet Explorer is Background &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/sound-648690&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SOUND&quot;&gt;SOUND&lt;/a&gt; element. It sets up a sound file to &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/play-1156558&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about PLAY&quot;&gt;PLAY&lt;/a&gt; in background while the &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/page-25452&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about PAGE&quot;&gt;PAGE&lt;/a&gt; is used. We use &lt;audio&gt; instead of this element. &lt;acronym&gt; element which has been removed from HTML5 indicates sequence of characters. &lt;blink&gt; is a non-standard element which causes text to flash slowly. &lt;audio&gt; element is used to play audio clip.&lt;/audio&gt;&lt;/blink&gt;&lt;/acronym&gt;&lt;/audio&gt;&lt;/bgsound&gt;&lt;/bgsound&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>The correct <a href="https://interviewquestions.tuteehub.com/tag/option-25810" style="font-weight:bold;" target="_blank" title="Click to know more about OPTION">OPTION</a> is (a) <bgsound><br/><br/>The <a href="https://interviewquestions.tuteehub.com/tag/best-390038" style="font-weight:bold;" target="_blank" title="Click to know more about BEST">BEST</a> I can explain: <bgsound> element only used by Internet Explorer is Background <a href="https://interviewquestions.tuteehub.com/tag/sound-648690" style="font-weight:bold;" target="_blank" title="Click to know more about SOUND">SOUND</a> element. It sets up a sound file to <a href="https://interviewquestions.tuteehub.com/tag/play-1156558" style="font-weight:bold;" target="_blank" title="Click to know more about PLAY">PLAY</a> in background while the <a href="https://interviewquestions.tuteehub.com/tag/page-25452" style="font-weight:bold;" target="_blank" title="Click to know more about PAGE">PAGE</a> is used. We use <audio> instead of this element. <acronym> element which has been removed from HTML5 indicates sequence of characters. <blink> is a non-standard element which causes text to flash slowly. <audio> element is used to play audio clip.</audio></blink></acronym></audio></bgsound></bgsound></p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/for-background-sound-obsolete-element-was-a-b-c-d-2277465" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 68. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following is keyboard input element?(a) (b) (c) (d) The question was posed to me during an internship interview.The above asked question is from HTML5 Semantics in portion Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Right &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/option-25810&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about OPTION&quot;&gt;OPTION&lt;/a&gt; is (b) &lt;kbd&gt;&lt;br/&gt;&lt;br/&gt;Easy explanation: &lt;mark&gt; element is for highlighting the text/paragraph. &lt;kbd&gt; element is HTML Keyboard Input Element. It represents a span of inline text &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/denoting-437221&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about DENOTING&quot;&gt;DENOTING&lt;/a&gt; textual user input from voice input, a keyboard or any other text entry device. By convention user defaults to rendering the contents of &lt;kbd&gt; element using its default monospace font. &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/defining-2052307&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about DEFINING&quot;&gt;DEFINING&lt;/a&gt; instance of a &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/term-1241851&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about TERM&quot;&gt;TERM&lt;/a&gt; in HTML is represented by &lt;dfn&gt; element. &lt;em&gt; is same like &lt;i&gt;&lt;/i&gt;. It is emphasized text.&lt;/em&gt;&lt;/dfn&gt;&lt;/kbd&gt;&lt;/kbd&gt;&lt;/mark&gt;&lt;/kbd&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Right <a href="https://interviewquestions.tuteehub.com/tag/option-25810" style="font-weight:bold;" target="_blank" title="Click to know more about OPTION">OPTION</a> is (b) <kbd><br/><br/>Easy explanation: <mark> element is for highlighting the text/paragraph. <kbd> element is HTML Keyboard Input Element. It represents a span of inline text <a href="https://interviewquestions.tuteehub.com/tag/denoting-437221" style="font-weight:bold;" target="_blank" title="Click to know more about DENOTING">DENOTING</a> textual user input from voice input, a keyboard or any other text entry device. By convention user defaults to rendering the contents of <kbd> element using its default monospace font. <a href="https://interviewquestions.tuteehub.com/tag/defining-2052307" style="font-weight:bold;" target="_blank" title="Click to know more about DEFINING">DEFINING</a> instance of a <a href="https://interviewquestions.tuteehub.com/tag/term-1241851" style="font-weight:bold;" target="_blank" title="Click to know more about TERM">TERM</a> in HTML is represented by <dfn> element. <em> is same like <i></i>. It is emphasized text.</em></dfn></kbd></kbd></mark></kbd></p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-is-keyboard-input-element-a-2277464" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 69. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following defines a visible heading for element?(a) (b) (c) (d) This question was addressed to me by my college professor while I was bunking the class.My question comes from HTML5 Semantics in portion Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;The correct answer is (a) &lt;summary&gt;&lt;br/&gt;&lt;br/&gt;Easiest explanation: The &lt;summary&gt; &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/tag-1238435&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about TAG&quot;&gt;TAG&lt;/a&gt; is new in &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/html5-11265&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about HTML5&quot;&gt;HTML5&lt;/a&gt;. &lt;summary&gt; element &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/defines-947080&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about DEFINES&quot;&gt;DEFINES&lt;/a&gt; a visible heading for &amp;lt;&lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/details-949819&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about DETAILS&quot;&gt;DETAILS&lt;/a&gt;&amp;gt; element. This heading can be clicked to hide/view the details. This element is not supported by Internet Explorer. Sections in document is defined by &lt;section&gt; element. &lt;mark&gt; element is &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/used-2318798&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about USED&quot;&gt;USED&lt;/a&gt; to highlight the context/paragraph/text. Main content of document is specified by &lt;menu&gt; element.&lt;/menu&gt;&lt;/mark&gt;&lt;/section&gt;&lt;/summary&gt;&lt;/summary&gt;&lt;/summary&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>The correct answer is (a) <summary><br/><br/>Easiest explanation: The <summary> <a href="https://interviewquestions.tuteehub.com/tag/tag-1238435" style="font-weight:bold;" target="_blank" title="Click to know more about TAG">TAG</a> is new in <a href="https://interviewquestions.tuteehub.com/tag/html5-11265" style="font-weight:bold;" target="_blank" title="Click to know more about HTML5">HTML5</a>. <summary> element <a href="https://interviewquestions.tuteehub.com/tag/defines-947080" style="font-weight:bold;" target="_blank" title="Click to know more about DEFINES">DEFINES</a> a visible heading for &lt;<a href="https://interviewquestions.tuteehub.com/tag/details-949819" style="font-weight:bold;" target="_blank" title="Click to know more about DETAILS">DETAILS</a>&gt; element. This heading can be clicked to hide/view the details. This element is not supported by Internet Explorer. Sections in document is defined by <section> element. <mark> element is <a href="https://interviewquestions.tuteehub.com/tag/used-2318798" style="font-weight:bold;" target="_blank" title="Click to know more about USED">USED</a> to highlight the context/paragraph/text. Main content of document is specified by <menu> element.</menu></mark></section></summary></summary></summary></p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-defines-a-visible-heading-f-2277463" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 70. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following method is not associated to handling the memory ________________(a) NPN_MemFlush(b) NPN_MemAlloc(c) NPN_MemFree(d) NPP_HandleEventI got this question in an interview for job.The origin of the question is HTML Plugins topic in section Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Correct choice is (d) NPP_HandleEvent&lt;br/&gt;&lt;br/&gt;Explanation: There are three &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/methods-11862&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about METHODS&quot;&gt;METHODS&lt;/a&gt; used in memory handling in plug-ins. NPN_MemFree method is used to free memory allocated. NPN_MemAlloc method is used to &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/allocate-1973880&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ALLOCATE&quot;&gt;ALLOCATE&lt;/a&gt; memory from the &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/browser-11347&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about BROWSER&quot;&gt;BROWSER&lt;/a&gt;. NPN_MemFlush is used to free memory in Mac OS only.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Correct choice is (d) NPP_HandleEvent<br/><br/>Explanation: There are three <a href="https://interviewquestions.tuteehub.com/tag/methods-11862" style="font-weight:bold;" target="_blank" title="Click to know more about METHODS">METHODS</a> used in memory handling in plug-ins. NPN_MemFree method is used to free memory allocated. NPN_MemAlloc method is used to <a href="https://interviewquestions.tuteehub.com/tag/allocate-1973880" style="font-weight:bold;" target="_blank" title="Click to know more about ALLOCATE">ALLOCATE</a> memory from the <a href="https://interviewquestions.tuteehub.com/tag/browser-11347" style="font-weight:bold;" target="_blank" title="Click to know more about BROWSER">BROWSER</a>. NPN_MemFlush is used to free memory in Mac OS only.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-method-is-not-associated-to-2277462" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 71. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Windowless plug-in will not call ____________(a) NPN_InvalidateRegion(b) NPN_ForceRedraw(c) NPN_InvalidateRect(d) NPP_GetValueThis question was addressed to me in an internship interview.My doubt stems from HTML Plugins topic in chapter Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;The &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/correct-409949&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CORRECT&quot;&gt;CORRECT&lt;/a&gt; option is (d) NPP_GetValue&lt;br/&gt;&lt;br/&gt;Best explanation: Windowless plugin can &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/call-412416&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CALL&quot;&gt;CALL&lt;/a&gt; &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/netscape-577202&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about NETSCAPE&quot;&gt;NETSCAPE&lt;/a&gt; &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/methods-11862&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about METHODS&quot;&gt;METHODS&lt;/a&gt; like NPN_InvalidateRegion, NPN_ForceRedraw, NPN_InvalidateRect. NPN_InvalidateRegion is used for invalidate an area in windowless plug-in before refreshing or repeating.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>The <a href="https://interviewquestions.tuteehub.com/tag/correct-409949" style="font-weight:bold;" target="_blank" title="Click to know more about CORRECT">CORRECT</a> option is (d) NPP_GetValue<br/><br/>Best explanation: Windowless plugin can <a href="https://interviewquestions.tuteehub.com/tag/call-412416" style="font-weight:bold;" target="_blank" title="Click to know more about CALL">CALL</a> <a href="https://interviewquestions.tuteehub.com/tag/netscape-577202" style="font-weight:bold;" target="_blank" title="Click to know more about NETSCAPE">NETSCAPE</a> <a href="https://interviewquestions.tuteehub.com/tag/methods-11862" style="font-weight:bold;" target="_blank" title="Click to know more about METHODS">METHODS</a> like NPN_InvalidateRegion, NPN_ForceRedraw, NPN_InvalidateRect. NPN_InvalidateRegion is used for invalidate an area in windowless plug-in before refreshing or repeating.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/windowless-plug-in-will-not-call-a-npn-invalidater-2277461" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 72. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> The plugin resource string 1 is associated with ________(a) MIME type(b) aiff(c) video(d) jpgThe question was posed to me in a job interview.This intriguing question comes from HTML Plugins topic in division Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/correct-409949&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CORRECT&quot;&gt;CORRECT&lt;/a&gt; option is (c) video&lt;br/&gt;&lt;br/&gt;The best I can explain: There are plugin resources. ‘STR#’ &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/1-256655&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about 1&quot;&gt;1&lt;/a&gt; is associated with video or quicktime, MIME type is associated with str 128, aiff is associated with &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/string-11290&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about STRING&quot;&gt;STRING&lt;/a&gt; 4, jpg is associated with string 6, image or &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/jpeg-11917&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about JPEG&quot;&gt;JPEG&lt;/a&gt; is associated with string 5.&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><a href="https://interviewquestions.tuteehub.com/tag/correct-409949" style="font-weight:bold;" target="_blank" title="Click to know more about CORRECT">CORRECT</a> option is (c) video<br/><br/>The best I can explain: There are plugin resources. ‘STR#’ <a href="https://interviewquestions.tuteehub.com/tag/1-256655" style="font-weight:bold;" target="_blank" title="Click to know more about 1">1</a> is associated with video or quicktime, MIME type is associated with str 128, aiff is associated with <a href="https://interviewquestions.tuteehub.com/tag/string-11290" style="font-weight:bold;" target="_blank" title="Click to know more about STRING">STRING</a> 4, jpg is associated with string 6, image or <a href="https://interviewquestions.tuteehub.com/tag/jpeg-11917" style="font-weight:bold;" target="_blank" title="Click to know more about JPEG">JPEG</a> is associated with string 5.</body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/the-plugin-resource-string-1-is-associated-with-a-2277460" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 73. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following plug-in file type is used in MS Windows?(a) .DLL(b) .SO(c) .DSO(d) PPCI had been asked this question in an online interview.My query is from HTML Plugins topic in chapter Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Right answer is (a) .DLL&lt;br/&gt;&lt;br/&gt;To explain: The plug-in &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/file-11330&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about FILE&quot;&gt;FILE&lt;/a&gt; type depends on the platform. The file type in MS Windows is .DLL which is Dynamic &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/link-1074913&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about LINK&quot;&gt;LINK&lt;/a&gt; Library &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/files-20889&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about FILES&quot;&gt;FILES&lt;/a&gt;. Unix has .SO or .DSO files which are shared &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/objects-20533&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about OBJECTS&quot;&gt;OBJECTS&lt;/a&gt;. MAC &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/os-25550&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about OS&quot;&gt;OS&lt;/a&gt; X has file PPC/x86/Universal loadable Mach-O bundle.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Right answer is (a) .DLL<br/><br/>To explain: The plug-in <a href="https://interviewquestions.tuteehub.com/tag/file-11330" style="font-weight:bold;" target="_blank" title="Click to know more about FILE">FILE</a> type depends on the platform. The file type in MS Windows is .DLL which is Dynamic <a href="https://interviewquestions.tuteehub.com/tag/link-1074913" style="font-weight:bold;" target="_blank" title="Click to know more about LINK">LINK</a> Library <a href="https://interviewquestions.tuteehub.com/tag/files-20889" style="font-weight:bold;" target="_blank" title="Click to know more about FILES">FILES</a>. Unix has .SO or .DSO files which are shared <a href="https://interviewquestions.tuteehub.com/tag/objects-20533" style="font-weight:bold;" target="_blank" title="Click to know more about OBJECTS">OBJECTS</a>. MAC <a href="https://interviewquestions.tuteehub.com/tag/os-25550" style="font-weight:bold;" target="_blank" title="Click to know more about OS">OS</a> X has file PPC/x86/Universal loadable Mach-O bundle.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-plug-in-file-type-is-used-i-2277459" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 74. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following is not a directory in Linux for plug-ins?(a) ~/.mozilla/plugins(b) /usr/lib64/Mozilla/plugins(c) profile directory(d) /Library/Internet plug-insThe question was posed to me during an online interview.I need to ask this question from HTML Plugins in chapter Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Correct &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/choice-915996&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CHOICE&quot;&gt;CHOICE&lt;/a&gt; is (d) /Library/Internet plug-ins&lt;br/&gt;&lt;br/&gt;The &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/explanation-455162&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about EXPLANATION&quot;&gt;EXPLANATION&lt;/a&gt;: Profile directory/plugins, /usr/lib64/Mozilla/plugins, /usr/lib/Mozilla/plugins, ~/.mozilla/plugins are some of the directories in Linux for using plug-ins. /usr/lib64/&lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/firefox-461713&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about FIREFOX&quot;&gt;FIREFOX&lt;/a&gt;/plugins is for 64-bit Firefox.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Correct <a href="https://interviewquestions.tuteehub.com/tag/choice-915996" style="font-weight:bold;" target="_blank" title="Click to know more about CHOICE">CHOICE</a> is (d) /Library/Internet plug-ins<br/><br/>The <a href="https://interviewquestions.tuteehub.com/tag/explanation-455162" style="font-weight:bold;" target="_blank" title="Click to know more about EXPLANATION">EXPLANATION</a>: Profile directory/plugins, /usr/lib64/Mozilla/plugins, /usr/lib/Mozilla/plugins, ~/.mozilla/plugins are some of the directories in Linux for using plug-ins. /usr/lib64/<a href="https://interviewquestions.tuteehub.com/tag/firefox-461713" style="font-weight:bold;" target="_blank" title="Click to know more about FIREFOX">FIREFOX</a>/plugins is for 64-bit Firefox.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-is-not-a-directory-in-linux-2277458" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 75. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which object shows options for rendering of scale control?(a) ScaleControlOptions(b) ScaleControlStyle(c) RotateControlOptions(d) ControlPositionThis question was addressed to me during an online interview.My enquiry is from HTML Google Maps topic in section Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Right answer is (a) ScaleControlOptions&lt;br/&gt;&lt;br/&gt;The explanation is: ScaleControlOptions provide options for rendering of scale control, ScaleControlStyle &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/specifies-650101&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SPECIFIES&quot;&gt;SPECIFIES&lt;/a&gt; &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/kind-25540&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about KIND&quot;&gt;KIND&lt;/a&gt; of the scale control to display, RotateControlOptions shows options for rendering of rotate control, ControlPosition specifies &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/placement-25456&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about PLACEMENT&quot;&gt;PLACEMENT&lt;/a&gt; of &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/controls-425632&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CONTROLS&quot;&gt;CONTROLS&lt;/a&gt; of map.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Right answer is (a) ScaleControlOptions<br/><br/>The explanation is: ScaleControlOptions provide options for rendering of scale control, ScaleControlStyle <a href="https://interviewquestions.tuteehub.com/tag/specifies-650101" style="font-weight:bold;" target="_blank" title="Click to know more about SPECIFIES">SPECIFIES</a> <a href="https://interviewquestions.tuteehub.com/tag/kind-25540" style="font-weight:bold;" target="_blank" title="Click to know more about KIND">KIND</a> of the scale control to display, RotateControlOptions shows options for rendering of rotate control, ControlPosition specifies <a href="https://interviewquestions.tuteehub.com/tag/placement-25456" style="font-weight:bold;" target="_blank" title="Click to know more about PLACEMENT">PLACEMENT</a> of <a href="https://interviewquestions.tuteehub.com/tag/controls-425632" style="font-weight:bold;" target="_blank" title="Click to know more about CONTROLS">CONTROLS</a> of map.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-object-shows-options-for-rendering-of-scale-2277457" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 76. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following occurs after fixed positioned is added to the element?(a) affix.bs.affix(b) affixed.bs.affix(c) affix-top.bs.affix(d) affixed-top.bs.affixThe question was asked in an interview for job.My doubt stems from Responsive Overview topic in section Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;The &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/correct-409949&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CORRECT&quot;&gt;CORRECT&lt;/a&gt; option is (b) affixed.bs.affix&lt;br/&gt;&lt;br/&gt;To explain: affixed.bs.affix &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/occurs-1127848&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about OCCURS&quot;&gt;OCCURS&lt;/a&gt; after fixed positioning is &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/added-367625&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ADDED&quot;&gt;ADDED&lt;/a&gt; to the &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/element-969236&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ELEMENT&quot;&gt;ELEMENT&lt;/a&gt; e.g. after .affix-top class is replaced with .affix class, affix-bs.affix occurs before fixed positioning is added to the element e.g. when .affix-top class is to be replaced with .affix class. Affix-top-bs.affix occurs before top ekement return to its &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/original-1139424&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ORIGINAL&quot;&gt;ORIGINAL&lt;/a&gt; place.Affixed-top-bs.affix occurs before top ekement return to its original place.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>The <a href="https://interviewquestions.tuteehub.com/tag/correct-409949" style="font-weight:bold;" target="_blank" title="Click to know more about CORRECT">CORRECT</a> option is (b) affixed.bs.affix<br/><br/>To explain: affixed.bs.affix <a href="https://interviewquestions.tuteehub.com/tag/occurs-1127848" style="font-weight:bold;" target="_blank" title="Click to know more about OCCURS">OCCURS</a> after fixed positioning is <a href="https://interviewquestions.tuteehub.com/tag/added-367625" style="font-weight:bold;" target="_blank" title="Click to know more about ADDED">ADDED</a> to the <a href="https://interviewquestions.tuteehub.com/tag/element-969236" style="font-weight:bold;" target="_blank" title="Click to know more about ELEMENT">ELEMENT</a> e.g. after .affix-top class is replaced with .affix class, affix-bs.affix occurs before fixed positioning is added to the element e.g. when .affix-top class is to be replaced with .affix class. Affix-top-bs.affix occurs before top ekement return to its <a href="https://interviewquestions.tuteehub.com/tag/original-1139424" style="font-weight:bold;" target="_blank" title="Click to know more about ORIGINAL">ORIGINAL</a> place.Affixed-top-bs.affix occurs before top ekement return to its original place.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-occurs-after-fixed-position-2277456" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 77. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following will display a grey label?(a) .label label-info(b) .label label-primary(c) .label label-success(d) .label label-defaultThis question was addressed to me by my college director while I was bunking the class.My doubt stems from Responsive Overview topic in chapter Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;The &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/correct-409949&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CORRECT&quot;&gt;CORRECT&lt;/a&gt; option is (d) .label label-default&lt;br/&gt;&lt;br/&gt;For &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/explanation-455162&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about EXPLANATION&quot;&gt;EXPLANATION&lt;/a&gt; I &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/would-3285927&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about WOULD&quot;&gt;WOULD&lt;/a&gt; say: .label label-default &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/indicates-1041501&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about INDICATES&quot;&gt;INDICATES&lt;/a&gt; a default grey label, .label label-primary indicates blue label of type “primary”, .label label-success indicates &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/green-476835&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about GREEN&quot;&gt;GREEN&lt;/a&gt; label of type “success”, .label label-info indicates light blue label of type “info”.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>The <a href="https://interviewquestions.tuteehub.com/tag/correct-409949" style="font-weight:bold;" target="_blank" title="Click to know more about CORRECT">CORRECT</a> option is (d) .label label-default<br/><br/>For <a href="https://interviewquestions.tuteehub.com/tag/explanation-455162" style="font-weight:bold;" target="_blank" title="Click to know more about EXPLANATION">EXPLANATION</a> I <a href="https://interviewquestions.tuteehub.com/tag/would-3285927" style="font-weight:bold;" target="_blank" title="Click to know more about WOULD">WOULD</a> say: .label label-default <a href="https://interviewquestions.tuteehub.com/tag/indicates-1041501" style="font-weight:bold;" target="_blank" title="Click to know more about INDICATES">INDICATES</a> a default grey label, .label label-primary indicates blue label of type “primary”, .label label-success indicates <a href="https://interviewquestions.tuteehub.com/tag/green-476835" style="font-weight:bold;" target="_blank" title="Click to know more about GREEN">GREEN</a> label of type “success”, .label label-info indicates light blue label of type “info”.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-will-display-a-grey-label-a-2277455" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 78. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which shapes an image to a thumbnail?(a) .img-circle(b) .img-responsive(c) .img-rounded(d) .img-thumbnailThe question was posed to me in unit test.Question is taken from Responsive Overview in division Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Correct option is (d) .img-&lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/thumbnail-1419551&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about THUMBNAIL&quot;&gt;THUMBNAIL&lt;/a&gt;&lt;br/&gt;&lt;br/&gt;To &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/elaborate-967511&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ELABORATE&quot;&gt;ELABORATE&lt;/a&gt;: .img-thumbnail shapes image to a thumbnail (borders), .img-rounded adds rounded crners to an image, .img-&lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/responsive-11248&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about RESPONSIVE&quot;&gt;RESPONSIVE&lt;/a&gt; makes an image responsive, .img-circle shapes an image to a circle, it is not supported in IE8 and earlier versions.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Correct option is (d) .img-<a href="https://interviewquestions.tuteehub.com/tag/thumbnail-1419551" style="font-weight:bold;" target="_blank" title="Click to know more about THUMBNAIL">THUMBNAIL</a><br/><br/>To <a href="https://interviewquestions.tuteehub.com/tag/elaborate-967511" style="font-weight:bold;" target="_blank" title="Click to know more about ELABORATE">ELABORATE</a>: .img-thumbnail shapes image to a thumbnail (borders), .img-rounded adds rounded crners to an image, .img-<a href="https://interviewquestions.tuteehub.com/tag/responsive-11248" style="font-weight:bold;" target="_blank" title="Click to know more about RESPONSIVE">RESPONSIVE</a> makes an image responsive, .img-circle shapes an image to a circle, it is not supported in IE8 and earlier versions.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-shapes-an-image-to-a-thumbnail-a-img-circle-2277454" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 79. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> What should be the set value of the background-size property such that image will fit in the content area?(a) 100%100%(b) contain(c) cover(d) 100%This question was posed to me by my college director while I was bunking the class.Origin of the question is Responsive Overview topic in division Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Right choice is (a) 100%100%&lt;br/&gt;&lt;br/&gt;To explain: If the background-size property is &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/set-11758&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SET&quot;&gt;SET&lt;/a&gt; to “contain”, the background image will scale and will &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/try-1428546&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about TRY&quot;&gt;TRY&lt;/a&gt; to fit in the content area. &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/still-653256&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about STILL&quot;&gt;STILL&lt;/a&gt;, the image will keep its aspect ratio i.e. the proportional relationship between the image’s &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/width-11498&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about WIDTH&quot;&gt;WIDTH&lt;/a&gt; and height.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Right choice is (a) 100%100%<br/><br/>To explain: If the background-size property is <a href="https://interviewquestions.tuteehub.com/tag/set-11758" style="font-weight:bold;" target="_blank" title="Click to know more about SET">SET</a> to “contain”, the background image will scale and will <a href="https://interviewquestions.tuteehub.com/tag/try-1428546" style="font-weight:bold;" target="_blank" title="Click to know more about TRY">TRY</a> to fit in the content area. <a href="https://interviewquestions.tuteehub.com/tag/still-653256" style="font-weight:bold;" target="_blank" title="Click to know more about STILL">STILL</a>, the image will keep its aspect ratio i.e. the proportional relationship between the image’s <a href="https://interviewquestions.tuteehub.com/tag/width-11498" style="font-weight:bold;" target="_blank" title="Click to know more about WIDTH">WIDTH</a> and height.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/what-should-be-the-set-value-of-the-background-siz-2277453" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 80. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following creates toggleable tabs?(a) .tab-pane(b) .table-responsive(c) .table-condensed(d) .tableI have been asked this question in an interview for internship.Origin of the question is Responsive Overview in portion Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Correct choice is (a) .tab-pane&lt;br/&gt;&lt;br/&gt;To &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/explain-447165&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about EXPLAIN&quot;&gt;EXPLAIN&lt;/a&gt;: .tab-pane is used together with .tab-content to create toggleable or dynamic tabs or dynamic pills. .table adds basic &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/styling-1230772&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about STYLING&quot;&gt;STYLING&lt;/a&gt; to a table like bottom borders, padding &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/etc-975753&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ETC&quot;&gt;ETC&lt;/a&gt;. Cutting cell padding in &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/half-1014510&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about HALF&quot;&gt;HALF&lt;/a&gt; to make table more &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/compact-409672&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about COMPACT&quot;&gt;COMPACT&lt;/a&gt;, .table-condensed is used. A responsive table is created by .table-responsive.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Correct choice is (a) .tab-pane<br/><br/>To <a href="https://interviewquestions.tuteehub.com/tag/explain-447165" style="font-weight:bold;" target="_blank" title="Click to know more about EXPLAIN">EXPLAIN</a>: .tab-pane is used together with .tab-content to create toggleable or dynamic tabs or dynamic pills. .table adds basic <a href="https://interviewquestions.tuteehub.com/tag/styling-1230772" style="font-weight:bold;" target="_blank" title="Click to know more about STYLING">STYLING</a> to a table like bottom borders, padding <a href="https://interviewquestions.tuteehub.com/tag/etc-975753" style="font-weight:bold;" target="_blank" title="Click to know more about ETC">ETC</a>. Cutting cell padding in <a href="https://interviewquestions.tuteehub.com/tag/half-1014510" style="font-weight:bold;" target="_blank" title="Click to know more about HALF">HALF</a> to make table more <a href="https://interviewquestions.tuteehub.com/tag/compact-409672" style="font-weight:bold;" target="_blank" title="Click to know more about COMPACT">COMPACT</a>, .table-condensed is used. A responsive table is created by .table-responsive.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-creates-toggleable-tabs-a-t-2277452" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 81. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following indicates blue background color representing something important?(a) .bg-success(b) .bg-info(c) .bg-primary(d) .bg-dangerThe question was posed to me in quiz.The above asked question is from Responsive Overview topic in division Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/right-1188951&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about RIGHT&quot;&gt;RIGHT&lt;/a&gt; option is (c) .bg-primary&lt;br/&gt;&lt;br/&gt;Easy explanation: .bg-primary adds &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/blue-899773&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about BLUE&quot;&gt;BLUE&lt;/a&gt; background color to an element. It represents something important. .bg-danger adds &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/red-613739&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about RED&quot;&gt;RED&lt;/a&gt; background color to an element representing danger or a negative &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/action-2544&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ACTION&quot;&gt;ACTION&lt;/a&gt;, .bg-info adds light-blue color to an element representing some information. A &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/successful-1231881&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SUCCESSFUL&quot;&gt;SUCCESSFUL&lt;/a&gt; or positive action is given by .bg-success.&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><a href="https://interviewquestions.tuteehub.com/tag/right-1188951" style="font-weight:bold;" target="_blank" title="Click to know more about RIGHT">RIGHT</a> option is (c) .bg-primary<br/><br/>Easy explanation: .bg-primary adds <a href="https://interviewquestions.tuteehub.com/tag/blue-899773" style="font-weight:bold;" target="_blank" title="Click to know more about BLUE">BLUE</a> background color to an element. It represents something important. .bg-danger adds <a href="https://interviewquestions.tuteehub.com/tag/red-613739" style="font-weight:bold;" target="_blank" title="Click to know more about RED">RED</a> background color to an element representing danger or a negative <a href="https://interviewquestions.tuteehub.com/tag/action-2544" style="font-weight:bold;" target="_blank" title="Click to know more about ACTION">ACTION</a>, .bg-info adds light-blue color to an element representing some information. A <a href="https://interviewquestions.tuteehub.com/tag/successful-1231881" style="font-weight:bold;" target="_blank" title="Click to know more about SUCCESSFUL">SUCCESSFUL</a> or positive action is given by .bg-success.</body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-indicates-blue-background-c-2277451" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 82. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which property specifies the folder name where CSS style sheets should be saved?(a) relative_assets(b) sass_dir(c) css_dir(d) javascript_dirThe question was asked during an interview.Question is from Responsive Overview topic in division Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Correct &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/answer-15557&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ANSWER&quot;&gt;ANSWER&lt;/a&gt; is (c) css_dir&lt;br/&gt;&lt;br/&gt;For explanation: sass_dir gives folder name for the sass or SCSS style sheet to be stored. css_dir property specifies the folder name where CSS style &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/sheets-1205246&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SHEETS&quot;&gt;SHEETS&lt;/a&gt; should be saved. We can change css_dir value to something like css or styles, but we should also change the folder name in the working directory to the one that &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/matches-1089113&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about MATCHES&quot;&gt;MATCHES&lt;/a&gt; the change. A folder name where &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/javascript-6831&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about JAVASCRIPT&quot;&gt;JAVASCRIPT&lt;/a&gt; &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/file-11330&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about FILE&quot;&gt;FILE&lt;/a&gt; are stored is given by javascript_dir. The output path in compiled CSS is given by relative_assets.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Correct <a href="https://interviewquestions.tuteehub.com/tag/answer-15557" style="font-weight:bold;" target="_blank" title="Click to know more about ANSWER">ANSWER</a> is (c) css_dir<br/><br/>For explanation: sass_dir gives folder name for the sass or SCSS style sheet to be stored. css_dir property specifies the folder name where CSS style <a href="https://interviewquestions.tuteehub.com/tag/sheets-1205246" style="font-weight:bold;" target="_blank" title="Click to know more about SHEETS">SHEETS</a> should be saved. We can change css_dir value to something like css or styles, but we should also change the folder name in the working directory to the one that <a href="https://interviewquestions.tuteehub.com/tag/matches-1089113" style="font-weight:bold;" target="_blank" title="Click to know more about MATCHES">MATCHES</a> the change. A folder name where <a href="https://interviewquestions.tuteehub.com/tag/javascript-6831" style="font-weight:bold;" target="_blank" title="Click to know more about JAVASCRIPT">JAVASCRIPT</a> <a href="https://interviewquestions.tuteehub.com/tag/file-11330" style="font-weight:bold;" target="_blank" title="Click to know more about FILE">FILE</a> are stored is given by javascript_dir. The output path in compiled CSS is given by relative_assets.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-property-specifies-the-folder-name-where-css-2277450" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 83. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which is not the value for CSS transition?(a) transition-duration(b) delay(c) property(d) translateI had been asked this question in exam.This intriguing question originated from Responsive Overview topic in division Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Correct option is (d) translate&lt;br/&gt;&lt;br/&gt;To elaborate: &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/css3-11282&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CSS3&quot;&gt;CSS3&lt;/a&gt; transition allows to change &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/one-585732&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ONE&quot;&gt;ONE&lt;/a&gt; CSS rule to another CSS rule gradually &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/rather-2973755&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about RATHER&quot;&gt;RATHER&lt;/a&gt; than instantaneously within a specific duration. There are four &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/values-25920&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about VALUES&quot;&gt;VALUES&lt;/a&gt; specified in the &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/syntax-14178&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SYNTAX&quot;&gt;SYNTAX&lt;/a&gt; namely property, timing-function, transition-duration and delay.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Correct option is (d) translate<br/><br/>To elaborate: <a href="https://interviewquestions.tuteehub.com/tag/css3-11282" style="font-weight:bold;" target="_blank" title="Click to know more about CSS3">CSS3</a> transition allows to change <a href="https://interviewquestions.tuteehub.com/tag/one-585732" style="font-weight:bold;" target="_blank" title="Click to know more about ONE">ONE</a> CSS rule to another CSS rule gradually <a href="https://interviewquestions.tuteehub.com/tag/rather-2973755" style="font-weight:bold;" target="_blank" title="Click to know more about RATHER">RATHER</a> than instantaneously within a specific duration. There are four <a href="https://interviewquestions.tuteehub.com/tag/values-25920" style="font-weight:bold;" target="_blank" title="Click to know more about VALUES">VALUES</a> specified in the <a href="https://interviewquestions.tuteehub.com/tag/syntax-14178" style="font-weight:bold;" target="_blank" title="Click to know more about SYNTAX">SYNTAX</a> namely property, timing-function, transition-duration and delay.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-is-not-the-value-for-css-transition-a-transi-2277449" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 84. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following is not a CSS preprocessor compiler?(a) LESS.app(b) Screenqueri.es(c) ScoutApp(d) SimplessI have been asked this question at a job interview.Query is from Responsive Overview topic in division Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/correct-409949&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CORRECT&quot;&gt;CORRECT&lt;/a&gt; choice is (b) Screenqueri.es&lt;br/&gt;&lt;br/&gt;Best explanation: LESS and Sass are &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/written-732709&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about WRITTEN&quot;&gt;WRITTEN&lt;/a&gt; in a language that &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/browsers-403073&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about BROWSERS&quot;&gt;BROWSERS&lt;/a&gt; do not recognize. So there are &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/compilers-12625&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about COMPILERS&quot;&gt;COMPILERS&lt;/a&gt; &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/available-888895&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about AVAILABLE&quot;&gt;AVAILABLE&lt;/a&gt; to compile CSS preprocessors. Some of them are Less.js, WinLESS, LESS.app, Simpless, ScoutApp, ChrunchApp, Terminal or Command Prompt, Codekit, CompassApp.&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><a href="https://interviewquestions.tuteehub.com/tag/correct-409949" style="font-weight:bold;" target="_blank" title="Click to know more about CORRECT">CORRECT</a> choice is (b) Screenqueri.es<br/><br/>Best explanation: LESS and Sass are <a href="https://interviewquestions.tuteehub.com/tag/written-732709" style="font-weight:bold;" target="_blank" title="Click to know more about WRITTEN">WRITTEN</a> in a language that <a href="https://interviewquestions.tuteehub.com/tag/browsers-403073" style="font-weight:bold;" target="_blank" title="Click to know more about BROWSERS">BROWSERS</a> do not recognize. So there are <a href="https://interviewquestions.tuteehub.com/tag/compilers-12625" style="font-weight:bold;" target="_blank" title="Click to know more about COMPILERS">COMPILERS</a> <a href="https://interviewquestions.tuteehub.com/tag/available-888895" style="font-weight:bold;" target="_blank" title="Click to know more about AVAILABLE">AVAILABLE</a> to compile CSS preprocessors. Some of them are Less.js, WinLESS, LESS.app, Simpless, ScoutApp, ChrunchApp, Terminal or Command Prompt, Codekit, CompassApp.</body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-is-not-a-css-preprocessor-c-2277448" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 85. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following is a global identifier for the item?(a) itemid(b) itemprop(c) itemref(d) itemtypeThis question was addressed to me in an interview for internship.My question comes from HTML Geolocation topic in division Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Right choice is (a) itemid&lt;br/&gt;&lt;br/&gt;For &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/explanation-455162&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about EXPLANATION&quot;&gt;EXPLANATION&lt;/a&gt;: itemid attribute is a global identifier for the &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/item-1052941&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ITEM&quot;&gt;ITEM&lt;/a&gt;, itemprop attribute defines a &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/property-1170155&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about PROPERTY&quot;&gt;PROPERTY&lt;/a&gt; of the item, &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/itemref-2753347&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ITEMREF&quot;&gt;ITEMREF&lt;/a&gt; &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/gives-1007647&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about GIVES&quot;&gt;GIVES&lt;/a&gt; a list of additional elements to crawl to find name-value pairs of the item, itemtype is a valid URL that defines the item.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Right choice is (a) itemid<br/><br/>For <a href="https://interviewquestions.tuteehub.com/tag/explanation-455162" style="font-weight:bold;" target="_blank" title="Click to know more about EXPLANATION">EXPLANATION</a>: itemid attribute is a global identifier for the <a href="https://interviewquestions.tuteehub.com/tag/item-1052941" style="font-weight:bold;" target="_blank" title="Click to know more about ITEM">ITEM</a>, itemprop attribute defines a <a href="https://interviewquestions.tuteehub.com/tag/property-1170155" style="font-weight:bold;" target="_blank" title="Click to know more about PROPERTY">PROPERTY</a> of the item, <a href="https://interviewquestions.tuteehub.com/tag/itemref-2753347" style="font-weight:bold;" target="_blank" title="Click to know more about ITEMREF">ITEMREF</a> <a href="https://interviewquestions.tuteehub.com/tag/gives-1007647" style="font-weight:bold;" target="_blank" title="Click to know more about GIVES">GIVES</a> a list of additional elements to crawl to find name-value pairs of the item, itemtype is a valid URL that defines the item.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-is-a-global-identifier-for-2277447" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 86. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> OpenStreetMap cannot extend map to implement __________(a) showMap(b) showPOIs(c) search(d) toProjectionThis question was addressed to me in an international level competition.My doubt stems from HTML Geolocation topic in division Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Right &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/choice-915996&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CHOICE&quot;&gt;CHOICE&lt;/a&gt; is (d) toProjection&lt;br/&gt;&lt;br/&gt;The &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/explanation-455162&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about EXPLANATION&quot;&gt;EXPLANATION&lt;/a&gt;: The openStreetMap and GoogleMap objects extent Map to &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/implement-1037860&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about IMPLEMENT&quot;&gt;IMPLEMENT&lt;/a&gt; showPOIs, showMap, &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/search-11324&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SEARCH&quot;&gt;SEARCH&lt;/a&gt; and &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/showposition-1206550&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SHOWPOSITION&quot;&gt;SHOWPOSITION&lt;/a&gt; methods, which make use of Google Maps and OpenLayers library.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Right <a href="https://interviewquestions.tuteehub.com/tag/choice-915996" style="font-weight:bold;" target="_blank" title="Click to know more about CHOICE">CHOICE</a> is (d) toProjection<br/><br/>The <a href="https://interviewquestions.tuteehub.com/tag/explanation-455162" style="font-weight:bold;" target="_blank" title="Click to know more about EXPLANATION">EXPLANATION</a>: The openStreetMap and GoogleMap objects extent Map to <a href="https://interviewquestions.tuteehub.com/tag/implement-1037860" style="font-weight:bold;" target="_blank" title="Click to know more about IMPLEMENT">IMPLEMENT</a> showPOIs, showMap, <a href="https://interviewquestions.tuteehub.com/tag/search-11324" style="font-weight:bold;" target="_blank" title="Click to know more about SEARCH">SEARCH</a> and <a href="https://interviewquestions.tuteehub.com/tag/showposition-1206550" style="font-weight:bold;" target="_blank" title="Click to know more about SHOWPOSITION">SHOWPOSITION</a> methods, which make use of Google Maps and OpenLayers library.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/openstreetmap-cannot-extend-map-to-implement-a-sho-2277446" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 87. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Action box does not contains _______(a) tabs(b) geolocation buttons(c) search box(d) radio buttonsI have been asked this question in quiz.The origin of the question is HTML Geolocation in chapter Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Correct option is (d) &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/radio-4998&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about RADIO&quot;&gt;RADIO&lt;/a&gt; buttons&lt;br/&gt;&lt;br/&gt;To explain: The action box contains tabs, a geolocation &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/button-11522&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about BUTTON&quot;&gt;BUTTON&lt;/a&gt;, geoloaction options and &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/search-11324&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SEARCH&quot;&gt;SEARCH&lt;/a&gt; box, by the use of tabs we can switch between &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/different-951434&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about DIFFERENT&quot;&gt;DIFFERENT&lt;/a&gt; &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/kind-25540&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about KIND&quot;&gt;KIND&lt;/a&gt; of maps and search engines.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Correct option is (d) <a href="https://interviewquestions.tuteehub.com/tag/radio-4998" style="font-weight:bold;" target="_blank" title="Click to know more about RADIO">RADIO</a> buttons<br/><br/>To explain: The action box contains tabs, a geolocation <a href="https://interviewquestions.tuteehub.com/tag/button-11522" style="font-weight:bold;" target="_blank" title="Click to know more about BUTTON">BUTTON</a>, geoloaction options and <a href="https://interviewquestions.tuteehub.com/tag/search-11324" style="font-weight:bold;" target="_blank" title="Click to know more about SEARCH">SEARCH</a> box, by the use of tabs we can switch between <a href="https://interviewquestions.tuteehub.com/tag/different-951434" style="font-weight:bold;" target="_blank" title="Click to know more about DIFFERENT">DIFFERENT</a> <a href="https://interviewquestions.tuteehub.com/tag/kind-25540" style="font-weight:bold;" target="_blank" title="Click to know more about KIND">KIND</a> of maps and search engines.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/action-box-does-not-contains-a-tabs-b-geolocation-2277445" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 88. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following event will be called when user’s mouse exits map container?(a) mouseout(b) mouseover(c) mousemove(d) resizeThis question was addressed to me in class test.Origin of the question is HTML Google Maps in chapter Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Right choice is (a) mouseout&lt;br/&gt;&lt;br/&gt;The best I can explain: mouseout event will be called when user’s &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/mouse-1104480&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about MOUSE&quot;&gt;MOUSE&lt;/a&gt; exits mouse &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/container-20566&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CONTAINER&quot;&gt;CONTAINER&lt;/a&gt;, &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/mouseover-2846037&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about MOUSEOVER&quot;&gt;MOUSEOVER&lt;/a&gt; event will be called when the user’s mouse enters map container, mousemove event will be called when user’s mouse &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/moves-1104598&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about MOVES&quot;&gt;MOVES&lt;/a&gt; over the map.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Right choice is (a) mouseout<br/><br/>The best I can explain: mouseout event will be called when user’s <a href="https://interviewquestions.tuteehub.com/tag/mouse-1104480" style="font-weight:bold;" target="_blank" title="Click to know more about MOUSE">MOUSE</a> exits mouse <a href="https://interviewquestions.tuteehub.com/tag/container-20566" style="font-weight:bold;" target="_blank" title="Click to know more about CONTAINER">CONTAINER</a>, <a href="https://interviewquestions.tuteehub.com/tag/mouseover-2846037" style="font-weight:bold;" target="_blank" title="Click to know more about MOUSEOVER">MOUSEOVER</a> event will be called when the user’s mouse enters map container, mousemove event will be called when user’s mouse <a href="https://interviewquestions.tuteehub.com/tag/moves-1104598" style="font-weight:bold;" target="_blank" title="Click to know more about MOVES">MOVES</a> over the map.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-event-will-be-called-when-u-2277444" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 89. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following is not the directory in Windows for plug-ins?(a) Profile directory/Library/Internet(b) MOZ_PLUGIN_PATH(c) HKEY_CURRENT_USER(d) ~/Library/Internet Plug-InsI had been asked this question in exam.I want to ask this question from HTML Plugins in chapter Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Right &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/choice-915996&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CHOICE&quot;&gt;CHOICE&lt;/a&gt; is (d) ~/Library/Internet Plug-Ins&lt;br/&gt;&lt;br/&gt;To explain: When Gecko based &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/browser-11347&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about BROWSER&quot;&gt;BROWSER&lt;/a&gt; starts, it &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/checks-914749&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CHECKS&quot;&gt;CHECKS&lt;/a&gt; certain &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/directories-955082&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about DIRECTORIES&quot;&gt;DIRECTORIES&lt;/a&gt; for plugins. Windows have MOZ_PLUGIN_PATH, &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/profile-25809&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about PROFILE&quot;&gt;PROFILE&lt;/a&gt; directory\plugins, %APPDAT%/Mozilla\plugins, Plug-ins with toolkit bundles, HKEY_CURRENT_USER\Software\MozillaPlugins\*\Path are some of the directories in windows.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Right <a href="https://interviewquestions.tuteehub.com/tag/choice-915996" style="font-weight:bold;" target="_blank" title="Click to know more about CHOICE">CHOICE</a> is (d) ~/Library/Internet Plug-Ins<br/><br/>To explain: When Gecko based <a href="https://interviewquestions.tuteehub.com/tag/browser-11347" style="font-weight:bold;" target="_blank" title="Click to know more about BROWSER">BROWSER</a> starts, it <a href="https://interviewquestions.tuteehub.com/tag/checks-914749" style="font-weight:bold;" target="_blank" title="Click to know more about CHECKS">CHECKS</a> certain <a href="https://interviewquestions.tuteehub.com/tag/directories-955082" style="font-weight:bold;" target="_blank" title="Click to know more about DIRECTORIES">DIRECTORIES</a> for plugins. Windows have MOZ_PLUGIN_PATH, <a href="https://interviewquestions.tuteehub.com/tag/profile-25809" style="font-weight:bold;" target="_blank" title="Click to know more about PROFILE">PROFILE</a> directory\plugins, %APPDAT%/Mozilla\plugins, Plug-ins with toolkit bundles, HKEY_CURRENT_USER\Software\MozillaPlugins\*\Path are some of the directories in windows.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-is-not-the-directory-in-win-2277443" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 90. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Photographic map lies under the map type ____________(a) satellite(b) roadmap(c) hybrid(d) terrainThe question was asked during a job interview.I would like to ask this question from HTML Google Maps topic in portion Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/right-1188951&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about RIGHT&quot;&gt;RIGHT&lt;/a&gt; &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/answer-15557&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ANSWER&quot;&gt;ANSWER&lt;/a&gt; is (a) satellite&lt;br/&gt;&lt;br/&gt;Explanation: &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/photographic-599898&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about PHOTOGRAPHIC&quot;&gt;PHOTOGRAPHIC&lt;/a&gt; map lies under the map type satellite. &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/default-946615&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about DEFAULT&quot;&gt;DEFAULT&lt;/a&gt; 2D map and normal maps lie under the type roadmap. Photographic + city and roads names include &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/hybrid-492915&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about HYBRID&quot;&gt;HYBRID&lt;/a&gt; maps. Maps with rivers, mountains etc. lies under the category terrain.&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><a href="https://interviewquestions.tuteehub.com/tag/right-1188951" style="font-weight:bold;" target="_blank" title="Click to know more about RIGHT">RIGHT</a> <a href="https://interviewquestions.tuteehub.com/tag/answer-15557" style="font-weight:bold;" target="_blank" title="Click to know more about ANSWER">ANSWER</a> is (a) satellite<br/><br/>Explanation: <a href="https://interviewquestions.tuteehub.com/tag/photographic-599898" style="font-weight:bold;" target="_blank" title="Click to know more about PHOTOGRAPHIC">PHOTOGRAPHIC</a> map lies under the map type satellite. <a href="https://interviewquestions.tuteehub.com/tag/default-946615" style="font-weight:bold;" target="_blank" title="Click to know more about DEFAULT">DEFAULT</a> 2D map and normal maps lie under the type roadmap. Photographic + city and roads names include <a href="https://interviewquestions.tuteehub.com/tag/hybrid-492915" style="font-weight:bold;" target="_blank" title="Click to know more about HYBRID">HYBRID</a> maps. Maps with rivers, mountains etc. lies under the category terrain.</body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/photographic-map-lies-under-the-map-type-a-satelli-2277442" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 91. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following removes the default list-style and left margin on list items?(a) .list-unstyled(b) .blockquote-reverse(c) .list-inline(d) .initialismThis question was addressed to me by my school principal while I was bunking the class.My doubt stems from Responsive Overview in chapter Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Correct &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/option-25810&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about OPTION&quot;&gt;OPTION&lt;/a&gt; is (a) .list-unstyled&lt;br/&gt;&lt;br/&gt;Explanation: .list-unstyled removes default list-style and left &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/margin-546769&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about MARGIN&quot;&gt;MARGIN&lt;/a&gt; on list items, it works on both &lt;/p&gt;&lt;ul&gt; and &lt;/ul&gt;&lt;ol&gt;, this class only applies to immediate &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/children-915555&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CHILDREN&quot;&gt;CHILDREN&lt;/a&gt; list items to remove the default list-style from any nested lists, can be applied to any listed lists as well. .initialism displays text inside &lt;abbr&gt; tag. All items in a &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/single-644669&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SINGLE&quot;&gt;SINGLE&lt;/a&gt; line is &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/displayed-7675136&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about DISPLAYED&quot;&gt;DISPLAYED&lt;/a&gt; by .list-inline.&lt;/abbr&gt;&lt;/ol&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Correct <a href="https://interviewquestions.tuteehub.com/tag/option-25810" style="font-weight:bold;" target="_blank" title="Click to know more about OPTION">OPTION</a> is (a) .list-unstyled<br/><br/>Explanation: .list-unstyled removes default list-style and left <a href="https://interviewquestions.tuteehub.com/tag/margin-546769" style="font-weight:bold;" target="_blank" title="Click to know more about MARGIN">MARGIN</a> on list items, it works on both </p><ul> and </ul><ol>, this class only applies to immediate <a href="https://interviewquestions.tuteehub.com/tag/children-915555" style="font-weight:bold;" target="_blank" title="Click to know more about CHILDREN">CHILDREN</a> list items to remove the default list-style from any nested lists, can be applied to any listed lists as well. .initialism displays text inside <abbr> tag. All items in a <a href="https://interviewquestions.tuteehub.com/tag/single-644669" style="font-weight:bold;" target="_blank" title="Click to know more about SINGLE">SINGLE</a> line is <a href="https://interviewquestions.tuteehub.com/tag/displayed-7675136" style="font-weight:bold;" target="_blank" title="Click to know more about DISPLAYED">DISPLAYED</a> by .list-inline.</abbr></ol></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-removes-the-default-list-st-2277441" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 92. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> What is bootstrap’s global default font-size?(a) 12px(b) 14px(c) 10px(d) 9pxThis question was addressed to me during an online exam.This intriguing question originated from Responsive Overview in section Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/right-1188951&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about RIGHT&quot;&gt;RIGHT&lt;/a&gt; answer is (b) 14px&lt;br/&gt;&lt;br/&gt;The best I can &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/explain-447165&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about EXPLAIN&quot;&gt;EXPLAIN&lt;/a&gt;: Bootstrap’s global default font-size is 14px, with line-height of 1.428. This is &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/applied-380664&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about APPLIED&quot;&gt;APPLIED&lt;/a&gt; toelement and all paragraphs. In addition all &lt;p&gt; &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/elements-969381&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ELEMENTS&quot;&gt;ELEMENTS&lt;/a&gt; have &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/bottom-401202&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about BOTTOM&quot;&gt;BOTTOM&lt;/a&gt; margins.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><a href="https://interviewquestions.tuteehub.com/tag/right-1188951" style="font-weight:bold;" target="_blank" title="Click to know more about RIGHT">RIGHT</a> answer is (b) 14px<br/><br/>The best I can <a href="https://interviewquestions.tuteehub.com/tag/explain-447165" style="font-weight:bold;" target="_blank" title="Click to know more about EXPLAIN">EXPLAIN</a>: Bootstrap’s global default font-size is 14px, with line-height of 1.428. This is <a href="https://interviewquestions.tuteehub.com/tag/applied-380664" style="font-weight:bold;" target="_blank" title="Click to know more about APPLIED">APPLIED</a> toelement and all paragraphs. In addition all <p> <a href="https://interviewquestions.tuteehub.com/tag/elements-969381" style="font-weight:bold;" target="_blank" title="Click to know more about ELEMENTS">ELEMENTS</a> have <a href="https://interviewquestions.tuteehub.com/tag/bottom-401202" style="font-weight:bold;" target="_blank" title="Click to know more about BOTTOM">BOTTOM</a> margins.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/what-is-bootstraps-global-default-font-size-a-12px-2277440" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 93. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> What activates the collapsible element with an option?(a) .collapse(“options”)(b) .collapse(“show”)(c) .collapse(“”toggle)(d) .collapse(“hide”)I had been asked this question in a national level competition.My doubt is from Responsive Overview in chapter Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Right option is (a) .&lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/collapse-921718&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about COLLAPSE&quot;&gt;COLLAPSE&lt;/a&gt;(“options”)&lt;br/&gt;&lt;br/&gt;To &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/explain-447165&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about EXPLAIN&quot;&gt;EXPLAIN&lt;/a&gt; I &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/would-3285927&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about WOULD&quot;&gt;WOULD&lt;/a&gt; say: .collapse(“options”) activates collapsible &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/element-969236&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ELEMENT&quot;&gt;ELEMENT&lt;/a&gt; with an option, .collapse(“toggle”) toggles collapsible element, .collapse(“show”) shows collapsible element, .collapse(“hide”) hides collapsible element.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Right option is (a) .<a href="https://interviewquestions.tuteehub.com/tag/collapse-921718" style="font-weight:bold;" target="_blank" title="Click to know more about COLLAPSE">COLLAPSE</a>(“options”)<br/><br/>To <a href="https://interviewquestions.tuteehub.com/tag/explain-447165" style="font-weight:bold;" target="_blank" title="Click to know more about EXPLAIN">EXPLAIN</a> I <a href="https://interviewquestions.tuteehub.com/tag/would-3285927" style="font-weight:bold;" target="_blank" title="Click to know more about WOULD">WOULD</a> say: .collapse(“options”) activates collapsible <a href="https://interviewquestions.tuteehub.com/tag/element-969236" style="font-weight:bold;" target="_blank" title="Click to know more about ELEMENT">ELEMENT</a> with an option, .collapse(“toggle”) toggles collapsible element, .collapse(“show”) shows collapsible element, .collapse(“hide”) hides collapsible element.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/what-activates-the-collapsible-element-with-an-opt-2277439" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 94. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following will add feedback icons for inputs?(a) .has-warning(b) .has-danger(c) .has-success(d) .has-feedbackI got this question in a national level competition.This question is from Responsive Overview in division Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;The correct option is (d) .has-feedback&lt;br/&gt;&lt;br/&gt;The &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/best-390038&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about BEST&quot;&gt;BEST&lt;/a&gt; I can explain: .has-feedback adds feedback icons for &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/inputs-1045695&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about INPUTS&quot;&gt;INPUTS&lt;/a&gt; like checkmark, &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/warning-1449015&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about WARNING&quot;&gt;WARNING&lt;/a&gt; and error signs, .has-danger adds red color to label and red border to the &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/input-11237&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about INPUT&quot;&gt;INPUT&lt;/a&gt;, as well as an error &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/icon-1035417&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ICON&quot;&gt;ICON&lt;/a&gt; inside the input, .has-success adds green color to label and green border to input, as well as checkmark icon inside input.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>The correct option is (d) .has-feedback<br/><br/>The <a href="https://interviewquestions.tuteehub.com/tag/best-390038" style="font-weight:bold;" target="_blank" title="Click to know more about BEST">BEST</a> I can explain: .has-feedback adds feedback icons for <a href="https://interviewquestions.tuteehub.com/tag/inputs-1045695" style="font-weight:bold;" target="_blank" title="Click to know more about INPUTS">INPUTS</a> like checkmark, <a href="https://interviewquestions.tuteehub.com/tag/warning-1449015" style="font-weight:bold;" target="_blank" title="Click to know more about WARNING">WARNING</a> and error signs, .has-danger adds red color to label and red border to the <a href="https://interviewquestions.tuteehub.com/tag/input-11237" style="font-weight:bold;" target="_blank" title="Click to know more about INPUT">INPUT</a>, as well as an error <a href="https://interviewquestions.tuteehub.com/tag/icon-1035417" style="font-weight:bold;" target="_blank" title="Click to know more about ICON">ICON</a> inside the input, .has-success adds green color to label and green border to input, as well as checkmark icon inside input.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-will-add-feedback-icons-for-2277438" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 95. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following class will show blue text?(a) .text-primary(b) .text-success(c) .text-muted(d) .text-warningThe question was asked in class test.My query is from Responsive Overview in portion Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Correct answer is (a) .text-primary&lt;br/&gt;&lt;br/&gt;The best explanation: .text-primary shows &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/blue-899773&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about BLUE&quot;&gt;BLUE&lt;/a&gt; text color, .text-success shows green text color which indicates success, .text-warning shows &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/yellow-1464953&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about YELLOW&quot;&gt;YELLOW&lt;/a&gt; or orange text color which indicates warning, .text-muted shows grey color text, .text-danger shows &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/red-613739&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about RED&quot;&gt;RED&lt;/a&gt; color text.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Correct answer is (a) .text-primary<br/><br/>The best explanation: .text-primary shows <a href="https://interviewquestions.tuteehub.com/tag/blue-899773" style="font-weight:bold;" target="_blank" title="Click to know more about BLUE">BLUE</a> text color, .text-success shows green text color which indicates success, .text-warning shows <a href="https://interviewquestions.tuteehub.com/tag/yellow-1464953" style="font-weight:bold;" target="_blank" title="Click to know more about YELLOW">YELLOW</a> or orange text color which indicates warning, .text-muted shows grey color text, .text-danger shows <a href="https://interviewquestions.tuteehub.com/tag/red-613739" style="font-weight:bold;" target="_blank" title="Click to know more about RED">RED</a> color text.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-class-will-show-blue-text-a-2277437" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 96. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Whose value targets CSS property?(a) transition-duration(b) delay(c) property(d) timing-functionI have been asked this question in a job interview.I&#039;m obligated to ask this question of Responsive Overview topic in section Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Correct answer is (c) property&lt;br/&gt;&lt;br/&gt;The explanation is: The &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/value-1442530&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about VALUE&quot;&gt;VALUE&lt;/a&gt; of transition-duration &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/specifies-650101&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SPECIFIES&quot;&gt;SPECIFIES&lt;/a&gt; a length of the transition effect. The delay in transition effect is give by delay value. The value of transition-function specifies transition acceleration. The value of property &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/targets-1239400&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about TARGETS&quot;&gt;TARGETS&lt;/a&gt; the CSS property to which transition effect should be applied. The property should be &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/height-1017806&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about HEIGHT&quot;&gt;HEIGHT&lt;/a&gt;, color, width, background etc. But if the value is not explicitly &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/specified-1221578&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SPECIFIED&quot;&gt;SPECIFIED&lt;/a&gt;, it will take all as the default value, and will be applied to all the properties.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Correct answer is (c) property<br/><br/>The explanation is: The <a href="https://interviewquestions.tuteehub.com/tag/value-1442530" style="font-weight:bold;" target="_blank" title="Click to know more about VALUE">VALUE</a> of transition-duration <a href="https://interviewquestions.tuteehub.com/tag/specifies-650101" style="font-weight:bold;" target="_blank" title="Click to know more about SPECIFIES">SPECIFIES</a> a length of the transition effect. The delay in transition effect is give by delay value. The value of transition-function specifies transition acceleration. The value of property <a href="https://interviewquestions.tuteehub.com/tag/targets-1239400" style="font-weight:bold;" target="_blank" title="Click to know more about TARGETS">TARGETS</a> the CSS property to which transition effect should be applied. The property should be <a href="https://interviewquestions.tuteehub.com/tag/height-1017806" style="font-weight:bold;" target="_blank" title="Click to know more about HEIGHT">HEIGHT</a>, color, width, background etc. But if the value is not explicitly <a href="https://interviewquestions.tuteehub.com/tag/specified-1221578" style="font-weight:bold;" target="_blank" title="Click to know more about SPECIFIED">SPECIFIED</a>, it will take all as the default value, and will be applied to all the properties.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/whose-value-targets-css-property-a-transition-dura-2277436" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 97. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> General sibling selector is declared with the notation:(a) +(b) ~(c) &amp;(d) #I have been asked this question in a job interview.Asked question is from Responsive Overview in division Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;The &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/correct-409949&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CORRECT&quot;&gt;CORRECT&lt;/a&gt; answer is (b) ~&lt;br/&gt;&lt;br/&gt;For explanation I &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/would-3285927&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about WOULD&quot;&gt;WOULD&lt;/a&gt; say: &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/css-11250&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CSS&quot;&gt;CSS&lt;/a&gt; general &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/sibling-1206775&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SIBLING&quot;&gt;SIBLING&lt;/a&gt; selector is new type of selector that is just been added in CSS3. This selector is declared with ~ notation E.g. div ~y { background-color: &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/blue-899773&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about BLUE&quot;&gt;BLUE&lt;/a&gt;; }, general sibling will target every selected element that follows previous element.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>The <a href="https://interviewquestions.tuteehub.com/tag/correct-409949" style="font-weight:bold;" target="_blank" title="Click to know more about CORRECT">CORRECT</a> answer is (b) ~<br/><br/>For explanation I <a href="https://interviewquestions.tuteehub.com/tag/would-3285927" style="font-weight:bold;" target="_blank" title="Click to know more about WOULD">WOULD</a> say: <a href="https://interviewquestions.tuteehub.com/tag/css-11250" style="font-weight:bold;" target="_blank" title="Click to know more about CSS">CSS</a> general <a href="https://interviewquestions.tuteehub.com/tag/sibling-1206775" style="font-weight:bold;" target="_blank" title="Click to know more about SIBLING">SIBLING</a> selector is new type of selector that is just been added in CSS3. This selector is declared with ~ notation E.g. div ~y { background-color: <a href="https://interviewquestions.tuteehub.com/tag/blue-899773" style="font-weight:bold;" target="_blank" title="Click to know more about BLUE">BLUE</a>; }, general sibling will target every selected element that follows previous element.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/general-sibling-selector-is-declared-with-the-nota-2277435" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 98. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which compiler does not support LESS language?(a) Simpless(b) ScoutApp(c) LESS.app(d) WinLESSI have been asked this question in an online quiz.I need to ask this question from Responsive Overview topic in chapter Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Right answer is (b) ScoutApp&lt;br/&gt;&lt;br/&gt;The best explanation: &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/less-1071906&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about LESS&quot;&gt;LESS&lt;/a&gt; can be compiled on Less.js, WinLESS, LESS.app, ChrunchApp, Simpless, Codekit. These compilers are free of cost. LESS.app can only be supported on OS &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/x-746616&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about X&quot;&gt;X&lt;/a&gt; and WinLESS only on Windows.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Right answer is (b) ScoutApp<br/><br/>The best explanation: <a href="https://interviewquestions.tuteehub.com/tag/less-1071906" style="font-weight:bold;" target="_blank" title="Click to know more about LESS">LESS</a> can be compiled on Less.js, WinLESS, LESS.app, ChrunchApp, Simpless, Codekit. These compilers are free of cost. LESS.app can only be supported on OS <a href="https://interviewquestions.tuteehub.com/tag/x-746616" style="font-weight:bold;" target="_blank" title="Click to know more about X">X</a> and WinLESS only on Windows.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-compiler-does-not-support-less-language-a-si-2277434" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 99. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following is not a feature associated with LESS?(a) Variable(b) PHP(c) Opertaion(d) Parametric mixinsThe question was asked in my homework.Origin of the question is Responsive Overview topic in portion Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Correct &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/answer-15557&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about ANSWER&quot;&gt;ANSWER&lt;/a&gt; is (b) PHP&lt;br/&gt;&lt;br/&gt;To explain I would &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/say-1195451&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about SAY&quot;&gt;SAY&lt;/a&gt;: &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/less-1071906&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about LESS&quot;&gt;LESS&lt;/a&gt; is based on JavaScript. It was created by Alexis Sellier. LESS allows composing styles with some programming features. Some of them are Variables, Parametric &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/mixins-7297147&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about MIXINS&quot;&gt;MIXINS&lt;/a&gt;, Nesting rules, Operation, Mixins.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Correct <a href="https://interviewquestions.tuteehub.com/tag/answer-15557" style="font-weight:bold;" target="_blank" title="Click to know more about ANSWER">ANSWER</a> is (b) PHP<br/><br/>To explain I would <a href="https://interviewquestions.tuteehub.com/tag/say-1195451" style="font-weight:bold;" target="_blank" title="Click to know more about SAY">SAY</a>: <a href="https://interviewquestions.tuteehub.com/tag/less-1071906" style="font-weight:bold;" target="_blank" title="Click to know more about LESS">LESS</a> is based on JavaScript. It was created by Alexis Sellier. LESS allows composing styles with some programming features. Some of them are Variables, Parametric <a href="https://interviewquestions.tuteehub.com/tag/mixins-7297147" style="font-weight:bold;" target="_blank" title="Click to know more about MIXINS">MIXINS</a>, Nesting rules, Operation, Mixins.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-is-not-a-feature-associated-2277433" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 100. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which of the following is not a CSS preprocessor?(a) LESS(b) Sass(c) Stylus(d) Screen FlyI got this question in an online quiz.This interesting question is from Responsive Overview in section Advance HTML of HTML </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <!-- <td class="py-2">&lt;html&gt;&lt;body&gt;&lt;p&gt;Right answer is (d) Screen Fly&lt;br/&gt;&lt;br/&gt;Explanation: CSS &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/capabilities-908434&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about CAPABILITIES&quot;&gt;CAPABILITIES&lt;/a&gt; can be extended by CSS &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/preprocessors-2228188&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about PREPROCESSORS&quot;&gt;PREPROCESSORS&lt;/a&gt;. By &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/using-7379753&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about USING&quot;&gt;USING&lt;/a&gt; it we can &lt;a href=&quot;https://interviewquestions.tuteehub.com/tag/compose-423792&quot; style=&quot;font-weight:bold;&quot; target=&quot;_blank&quot; title=&quot;Click to know more about COMPOSE&quot;&gt;COMPOSE&lt;/a&gt; CSS in more dynamic ways. They allow us to use variables and functions in programming languages like JavaScript, PHP. There are several CSS preprocessors available such as LESS, Stylus, Sass.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</td> --> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» <html><body><p>Right answer is (d) Screen Fly<br/><br/>Explanation: CSS <a href="https://interviewquestions.tuteehub.com/tag/capabilities-908434" style="font-weight:bold;" target="_blank" title="Click to know more about CAPABILITIES">CAPABILITIES</a> can be extended by CSS <a href="https://interviewquestions.tuteehub.com/tag/preprocessors-2228188" style="font-weight:bold;" target="_blank" title="Click to know more about PREPROCESSORS">PREPROCESSORS</a>. By <a href="https://interviewquestions.tuteehub.com/tag/using-7379753" style="font-weight:bold;" target="_blank" title="Click to know more about USING">USING</a> it we can <a href="https://interviewquestions.tuteehub.com/tag/compose-423792" style="font-weight:bold;" target="_blank" title="Click to know more about COMPOSE">COMPOSE</a> CSS in more dynamic ways. They allow us to use variables and functions in programming languages like JavaScript, PHP. There are several CSS preprocessors available such as LESS, Stylus, Sass.</p></body></html> </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://interviewsolution.com/discussion/which-of-the-following-is-not-a-css-preprocessor-a-2277432" target="_blank"> <span>Discussion</span> </a> </div> </div> <div id="mcq-pagination" class="flex md:flex-row-reverse md:justify-start flex-wrap gap-5 justify-end items-center my-6"> <nav class="relative z-0 inline-flex flex-wrap -space-x-px rounded-md shadow-md"> <a href="https://interviewsolution.com/topic/advance-html-in-html-26555?page=1" class="relative inline-flex items-center rounded-l-md p-2 text-gray-600 hover:bg-gray-200">‹</a> <a href="https://interviewsolution.com/topic/advance-html-in-html-26555?page=1" class="relative inline-flex items-center px-4 py-2 text-gray-500 hover:bg-gray-200"> 1 </a> <span class="relative inline-flex items-center border border-primary-300 px-4 py-2 text-gray-700 font-bold"> 2 </span> <a href="https://interviewsolution.com/topic/advance-html-in-html-26555?page=3" class="relative inline-flex items-center px-4 py-2 text-gray-500 hover:bg-gray-200"> 3 </a> <a href="https://interviewsolution.com/topic/advance-html-in-html-26555?page=4" class="relative inline-flex items-center px-4 py-2 text-gray-500 hover:bg-gray-200"> 4 </a> <a href="https://interviewsolution.com/topic/advance-html-in-html-26555?page=5" class="px-4 py-2 text-gray-500 hover:bg-gray-200">5</a> <a href="https://interviewsolution.com/topic/advance-html-in-html-26555?page=3" class="relative inline-flex items-center rounded-r-md p-2 text-gray-600 hover:bg-gray-200">›</a> </nav> </div> </div> </main> <aside class="py-4 md:w-1/3 lg:w-1/4"> <div class="relative p-2 mb-12 text-lg border border-gray-200 rounded-lg dark:bg-gray-900 dark:border-none"> <div class="flex items-center gap-2 px-2 mb-2 -ml-2 text-xl font-semibold border-l-4 rounded-sm dark:text-gray-100 border-primary-600"> <span>Related Topics</span> </div> <div class="flex flex-col gap-2 px-2"> </div> </div> <div class="relative p-2 mb-12 text-lg border border-gray-200 rounded-lg dark:bg-gray-900 dark:border-none"> <div class="flex items-center gap-2 px-2 mb-2 -ml-2 text-xl font-semibold border-l-4 rounded-sm dark:text-gray-100 border-primary-600"> <span>Related Subject</span> </div> <div class="flex flex-col gap-2 px-2"> <a href="https://interviewsolution.com/subject/current-affairs-37" class="text-gray-600 dark:text-gray-300 "> Current Affairs </a> <hr class="dark:border-gray-600/50"> <a href="https://interviewsolution.com/subject/general-knowledge-38" class="text-gray-600 dark:text-gray-300 "> General Knowledge </a> <hr class="dark:border-gray-600/50"> <a href="https://interviewsolution.com/subject/chemical-engineering-46" class="text-gray-600 dark:text-gray-300 "> Chemical Engineering </a> <hr class="dark:border-gray-600/50"> <a href="https://interviewsolution.com/subject/upsee-52" class="text-gray-600 dark:text-gray-300 "> UPSEE </a> <hr class="dark:border-gray-600/50"> <a href="https://interviewsolution.com/subject/bsnl-117" class="text-gray-600 dark:text-gray-300 "> BSNL </a> </div> </div> <fieldset class=" text-lg border-2 border-gray-300 rounded-lg p-2 mb-4 dark:border-gray-600" id="recent_visits_container"> <legend class="px-2 text-xl font-semibold dark:text-gray-300"> Recent Visits </legend> <div class="flex flex-col gap-2 px-2 text-md font-serif" id="links_container"> <a href="https://interviewsolution.com/subject/bsnl-117" class="text-gray-600 dark:text-gray-300 "> </a> <hr class="dark:border-gray-600/50"> </div> </fieldset> </aside> </div> <footer class="px-3 border-t-2 lg:px-9 bg-gray-50 dark:bg-black dark:text-gray-300 dark:border-gray-700"> <div class="flex flex-col-reverse items-md-center items-center justify-between gap-2 py-5 text-sm lg:flex-row"> <p> © Copyright 2025 <a href="https://interviewsolution.com">InterviewSolution</a>. All rights reserved. </p> <ul class="flex items-md-center items-center gap-2 mb-4 text-sm sm:flex-row md:mb-0"> <li class="md:border-r-2 dark:border-gray-700 md:pr-2"> <a href="https://interviewsolution.com/terms-condition"> Terms & Conditions </a> </li> <li class="md:border-r-2 dark:border-gray-700 md:pr-2"> <a href="https://interviewsolution.com/privacy-policy"> Privacy Policy </a> </li> <li class="md:border-r-2 dark:border-gray-700 md:pr-2"> <a href="https://interviewsolution.com/disclaimer"> Disclaimer </a> </li> <li class="dark:border-gray-700 md:pr-2"> <a href="https://interviewsolution.com/contact-us"> Contact Us </a> </li> </ul> </div> </footer> <div class="js-cookie-consent cookie-consent" role="dialog" aria-live="polite" style="position:fixed;left:0;right:0;bottom:0;z-index:99999;font-family:inherit;"> <style> /* Scope to this bar only */ .cookie-consent-bar { background: linear-gradient(90deg, #e11d48 0%, #a21caf 50%, #4338ca 100%); box-shadow: 0 -6px 24px rgba(0, 0, 0, .20); color: #fff; } .cookie-consent-wrap { max-width: 1200px; margin: 0 auto; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; } .cookie-consent__message { margin: 0; font-size: 14px; line-height: 1.55; color: #fff !important; } .cookie-consent__message a { color: #fff !important; text-decoration: underline; text-underline-offset: 2px; } .cookie-actions { display: flex; gap: 8px; align-items: center; } .cookie-btn { font-size: 14px; line-height: 1; padding: 9px 12px; border-radius: 8px; cursor: pointer; border: 1px solid transparent; background: transparent; color: #fff; } .cookie-btn.reject { border-color: rgba(255, 255, 255, 0.75); } .cookie-btn.reject:hover { background: rgba(255, 255, 255, 0.10); border-color: #fff; } .cookie-btn.accept { background: #fff; color: #111; border-color: #fff; } .cookie-btn.accept:hover { background: #f5f5f5; } </style> <div class="cookie-consent-bar"> <div class="cookie-consent-wrap"> <p class="cookie-consent__message"> Your experience on this site will be improved by allowing cookies. Read <a href="https://interviewsolution.com/cookie-policy"><strong>Cookie Policy</strong></a> </p> <div class="cookie-actions"> <button type="button" class="cookie-btn reject js-cookie-consent-reject"> Reject </button> <button type="button" class="cookie-btn accept js-cookie-consent-agree"> Allow cookies </button> </div> </div> </div> </div> <script> window.laravelCookieConsent = (function () { const COOKIE_NAME = 'laravel_cookie_consent'; const COOKIE_DOMAIN = 'interviewsolution.com'; const LIFETIME_DAYS = 7300; function setCookie(name, value, expirationInDays) { const date = new Date(); date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000)); let cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';domain=' + COOKIE_DOMAIN + ';path=/'; cookie += ';samesite=lax'; document.cookie = cookie; } function cookiePresent(name) { return document.cookie.split('; ').some(c => c.startsWith(name + '=')); } function hideCookieDialog() { const dialogs = document.getElementsByClassName('js-cookie-consent'); for (let i = 0; i < dialogs.length; ++i) dialogs[i].style.display = 'none'; } function consentAccept() { setCookie(COOKIE_NAME, 1, LIFETIME_DAYS); hideCookieDialog(); } function consentReject() { setCookie(COOKIE_NAME, 0, LIFETIME_DAYS); hideCookieDialog(); } if (cookiePresent(COOKIE_NAME)) hideCookieDialog(); const acceptBtns = document.getElementsByClassName('js-cookie-consent-agree'); for (let i = 0; i < acceptBtns.length; ++i) acceptBtns[i].addEventListener('click', consentAccept); const rejectBtns = document.getElementsByClassName('js-cookie-consent-reject'); for (let i = 0; i < rejectBtns.length; ++i) rejectBtns[i].addEventListener('click', consentReject); return { consentAccept, consentReject, hideCookieDialog }; })(); </script> <script type="module"> import { initializeApp } from "https://www.gstatic.com/firebasejs/12.4.0/firebase-app.js"; import { getMessaging, getToken, onMessage } from "https://www.gstatic.com/firebasejs/12.4.0/firebase-messaging.js"; window.addEventListener('DOMContentLoaded', () => { const firebaseConfig = { apiKey: "AIzaSyDkRIhegH1Y-OyLVtqrz5vXJjV2nbiojGs", authDomain: "traffixsites.firebaseapp.com", projectId: "traffixsites", storageBucket: "traffixsites.appspot.com", // FIXED messagingSenderId: "1067502552533", appId: "1:1067502552533:web:119a8527f34859b0b8a95c", measurementId: "G-5BQT528Q60" }; const VAPID_PUBLIC_KEY = "BBeFJo-Mt91zjKiOA4lkEJTuT8ldIyEbeVoEdSzbMEdg7wuup_4s8jSyu-r3BfjV1tt8FoMic84GT0ptvWNCLWE"; const app = initializeApp(firebaseConfig); const messaging = getMessaging(app); async function requestAndRegister() { try { // Must be from a user gesture; this opens the native prompt (chip/modal by browser). const perm = await Notification.requestPermission(); if (perm !== 'granted') return; // Register SW and wait until active (Edge race fix) await navigator.serviceWorker.register('/firebase-messaging-sw.js', { scope: '/' }); const swReg = await navigator.serviceWorker.ready; const token = await getToken(messaging, { vapidKey: VAPID_PUBLIC_KEY, serviceWorkerRegistration: swReg }); if (token) { await fetch('/api/push/save-token', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')?.content ?? '' }, body: JSON.stringify({ token, origin: location.origin, referrer: document.referrer || '' }) }); } } catch (e) { console.error('Push enable failed:', e); } } // “Feels automatic”: fire on first interaction (no banner) const firstInteraction = async (e) => { if (e.type === 'scroll' && Math.abs(window.scrollY || document.documentElement.scrollTop) < 2) return; detach(); if (Notification.permission === 'default') await requestAndRegister(); }; const events = ['click', 'pointerdown', 'keydown', 'touchstart', 'wheel', 'scroll']; const detach = () => events.forEach(ev => window.removeEventListener(ev, firstInteraction, { capture: true })); events.forEach(ev => window.addEventListener(ev, firstInteraction, { capture: true, passive: true })); // Optional: expose a manual trigger if you have a custom button elsewhere window.enablePush = requestAndRegister; onMessage(messaging, (payload) => console.log('Foreground message:', payload)); }); </script> <link rel="modulepreload" href="https://interviewsolution.com/assets/build/assets/app-BO9Klyof.js" /> <script type="module" src="https://interviewsolution.com/assets/build/assets/app-BO9Klyof.js" data-navigate-track="reload"></script> <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script> <script src="https://interviewsolution.com/assets/build/assets/script.js"></script> <script> particlesJS.load('particles-js', "https://interviewsolution.com/assets/build/assets/particlesjs-config.json", function() { console.log('callback - particles.js config loaded'); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { let visits = JSON.parse(localStorage.getItem("recent_visits")) || []; // get current page details let currentUrl = window.location.href; let currentTitle = document.title; // or set manually if you prefer // check if already exists (avoid duplicates) visits = visits.filter(item => item.url !== currentUrl); // add to beginning visits.unshift({ url: currentUrl, title: currentTitle }); // keep only 10 latest if (visits.length > 10) { visits = visits.slice(0, 10); } // save back localStorage.setItem("recent_visits", JSON.stringify(visits)); // render renderVisits(); function renderVisits() { let container = document.getElementById("links_container"); container.innerHTML = ""; if (visits.length === 0) { container.innerHTML = `<p class="text-gray-500 dark:text-gray-400">No recent visits</p>`; return; } visits.forEach((item, index) => { let a = document.createElement("a"); a.href = item.url; a.textContent = item.title; a.className = "text-gray-600 dark:text-gray-300 hover:underline"; container.appendChild(a); // Add <hr> only if it's NOT the last item if (index < visits.length - 1) { let hr = document.createElement("hr"); hr.className = "dark:border-gray-600/50"; container.appendChild(hr); } }); } }); </script> <!-- jQuery 3.7.1 (latest stable) --> <script> document.addEventListener("DOMContentLoaded", function () { const toggleBtn = document.getElementById("toggle_answers"); const mcqItems = document.querySelectorAll(".mcq_item"); toggleBtn.addEventListener("click", function () { const isHidden = this.getAttribute("data-is_hidden") === "yes"; mcqItems.forEach(item => { const answer = item.querySelector(".mcq_answer"); const showBtn = item.querySelector(".mcq_show_btn"); if (!isHidden) { // hide all answer.classList.add("hidden"); showBtn.classList.remove("hidden"); } else { // show all answer.classList.remove("hidden"); showBtn.classList.add("hidden"); } }); this.innerText = isHidden ? "Hide answers" : "Show answers"; this.setAttribute("data-is_hidden", isHidden ? "no" : "yes"); }); // individual show document.querySelectorAll(".show_individual").forEach(btn => { btn.addEventListener("click", function () { const parent = this.closest(".mcq_item"); parent.querySelector(".mcq_answer").classList.remove("hidden"); parent.querySelector(".mcq_show_btn").classList.add("hidden"); }); }); }); </script> <script> document.addEventListener('click', function(e) { const link = e.target.closest('#mcq-pagination a'); if (link) { e.preventDefault(); let url = link.getAttribute('href'); if (!url) return; fetch(url, { headers: { "X-Requested-With": "XMLHttpRequest" } }) .then(res => res.text()) .then(html => { document.querySelector('#mcq-container').innerHTML = html; }) .catch(err => console.error(err)); } }); </script> </body> </html>