HTML interview question set 6

Head and Body elements are nested inside which element?

1 Mark(s)

DOCTYPE
HTML TAG
HEAD
ALL OF ABOVE

Where should you write all the elements that you want them to appear in browser window?

1 Mark(s)

part
part
part
Anywhere among the above three parts

Which element is also known as root element in any HTML document?

1 Mark(s)

What is the use of Head part of a HTML document?

1 Mark(s)

To make the document look better
to provide information to browser about how document should be rendered correctly
to separate some part from body of document
ALL OF ABOVE

HTML web page can be read and rendered by?

1 Mark(s)

COMPILER
SERVER
WEB BROWSER
INTERPRETER

You can define the character set used in HTML document using

1 Mark(s)

META
TITLE
SCRIPTS
STYLE

In which part of HTML document we can define meta data?

1 Mark(s)

HTML(Hypertext Markup Language) has language elements which permit certain actions other than describing the structure of the web document. Which one of the following actions is NOT supported by pure HTML (without any server or client side scripting)pages?

1 Mark(s)

Refresh the page automatically after a specified interval
Automatically redirect to another page upon download
Display the client time as part of the page
Embeded Web objects from different sites into the same page

Which of the following element can't be contained in any other elements?

1 Mark(s)

How many different type of DOCTYPE are defined in HTML 5?

1 Mark(s)

1
2
3
4

HTML tags are surrounded by which type of brackets?

1 Mark(s)

CURLY
ROUND
SQUART
ANGLE

Which element contains the Head and Body elements inside it?

1 Mark(s)

NONE OF THESE

Tags and texts that are not directly displayed on the page are written in _______section.

1 Mark(s)

</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="<BODY>11563" value="3" name="1156[]" type="radio"/> <label for="<BODY>11563"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><BODY></span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="<HTML>11564" value="4" name="1156[]" type="radio"/> <label for="<HTML>11564"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><HTML></span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_34" name="question[1163]" id="1163" style="display:none;" value="0"> <input type="hidden" name="time_spent[1163]" id="time_spent_1163" value="0"> <div class="questions"> <span class="language_l1"> How many different type of DOCTYPE are defined for HTML documents in HTML 4? </span> <span class="language_l2" style="display: none;"> How many different type of DOCTYPE are defined for HTML documents in HTML 4? </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="111631" value="1" name="1163[]" type="radio"/> <label for="111631"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">1</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="211632" value="2" name="1163[]" type="radio"/> <label for="211632"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">2</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="311633" value="3" name="1163[]" type="radio"/> <label for="311633"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">3</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="411634" value="4" name="1163[]" type="radio"/> <label for="411634"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">4</span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_34" name="question[1178]" id="1178" style="display:none;" value="0"> <input type="hidden" name="time_spent[1178]" id="time_spent_1178" value="0"> <div class="questions"> <span class="language_l1"> " which of the following tag is used to mark a begining of paragraph ?" </span> <span class="language_l2" style="display: none;"> " which of the following tag is used to mark a begining of paragraph ?" </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="<TD>11781" value="1" name="1178[]" type="radio"/> <label for="<TD>11781"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><TD></span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="<DD>11782" value="2" name="1178[]" type="radio"/> <label for="<DD>11782"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><DD></span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="<DL>11783" value="3" name="1178[]" type="radio"/> <label for="<DL>11783"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><DL></span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="<DS>11784" value="4" name="1178[]" type="radio"/> <label for="<DS>11784"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><DS></span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_34" name="question[1169]" id="1169" style="display:none;" value="0"> <input type="hidden" name="time_spent[1169]" id="time_spent_1169" value="0"> <div class="questions"> <span class="language_l1"> Which of the following is not a part of HTML element? </span> <span class="language_l2" style="display: none;"> Which of the following is not a part of HTML element? </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="OPENING TAG11691" value="1" name="1169[]" type="radio"/> <label for="OPENING TAG11691"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">OPENING TAG</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="CLOSING TAG11692" value="2" name="1169[]" type="radio"/> <label for="CLOSING TAG11692"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">CLOSING TAG</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="CONTENTS11693" value="3" name="1169[]" type="radio"/> <label for="CONTENTS11693"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">CONTENTS</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="NONE OF THESE11694" value="4" name="1169[]" type="radio"/> <label for="NONE OF THESE11694"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">NONE OF THESE</span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_34" name="question[1149]" id="1149" style="display:none;" value="0"> <input type="hidden" name="time_spent[1149]" id="time_spent_1149" value="0"> <div class="questions"> <span class="language_l1"> Who is known as the father of World Wide Web(WWW)? </span> <span class="language_l2" style="display: none;"> Who is known as the father of World Wide Web(WWW)? </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="ROBERT CAILLIAU11491" value="1" name="1149[]" type="radio"/> <label for="ROBERT CAILLIAU11491"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">ROBERT CAILLIAU</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="TIM THOMPSON11492" value="2" name="1149[]" type="radio"/> <label for="TIM THOMPSON11492"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">TIM THOMPSON</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="CHARLES DARWIN11493" value="3" name="1149[]" type="radio"/> <label for="CHARLES DARWIN11493"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">CHARLES DARWIN</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="TIM BERNERS-LEE11494" value="4" name="1149[]" type="radio"/> <label for="TIM BERNERS-LEE11494"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">TIM BERNERS-LEE</span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_34" name="question[1174]" id="1174" style="display:none;" value="0"> <input type="hidden" name="time_spent[1174]" id="time_spent_1174" value="0"> <div class="questions"> <span class="language_l1"> When you visit any discussion in ICT Trends (icttrends.com) and don’t see a reply box, what does it indicate? </span> <span class="language_l2" style="display: none;"> When you visit any discussion in ICT Trends (icttrends.com) and don’t see a reply box, what does it indicate? </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="YOU ARE NOT LOGGED IN TO ICT TRENDS11741" value="1" name="1174[]" type="radio"/> <label for="YOU ARE NOT LOGGED IN TO ICT TRENDS11741"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">YOU ARE NOT LOGGED IN TO ICT TRENDS</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="YOU ARE FIRST TIME VISITOR TO ICT TRENDS11742" value="2" name="1174[]" type="radio"/> <label for="YOU ARE FIRST TIME VISITOR TO ICT TRENDS11742"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">YOU ARE FIRST TIME VISITOR TO ICT TRENDS</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="YOU HAVE ALREADY REPLIED TO THIS DISCUSSION11743" value="3" name="1174[]" type="radio"/> <label for="YOU HAVE ALREADY REPLIED TO THIS DISCUSSION11743"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">YOU HAVE ALREADY REPLIED TO THIS DISCUSSION</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="ALL OF ABOVE11744" value="4" name="1174[]" type="radio"/> <label for="ALL OF ABOVE11744"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">ALL OF ABOVE</span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_34" name="question[1160]" id="1160" style="display:none;" value="0"> <input type="hidden" name="time_spent[1160]" id="time_spent_1160" value="0"> <div class="questions"> <span class="language_l1"> Which of the following is not an element in HTML document? </span> <span class="language_l2" style="display: none;"> Which of the following is not an element in HTML document? </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="<!DOCTYPE>11601" value="1" name="1160[]" type="radio"/> <label for="<!DOCTYPE>11601"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><!DOCTYPE></span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="<HTML>11602" value="2" name="1160[]" type="radio"/> <label for="<HTML>11602"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><HTML></span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="<HEAD>11603" value="3" name="1160[]" type="radio"/> <label for="<HEAD>11603"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><HEAD></span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="<BODY>11604" value="4" name="1160[]" type="radio"/> <label for="<BODY>11604"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><BODY></span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_34" name="question[1165]" id="1165" style="display:none;" value="0"> <input type="hidden" name="time_spent[1165]" id="time_spent_1165" value="0"> <div class="questions"> <span class="language_l1"> Head and Body elements are nested inside which element? </span> <span class="language_l2" style="display: none;"> Head and Body elements are nested inside which element? </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="STRICT11651" value="1" name="1165[]" type="radio"/> <label for="STRICT11651"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">STRICT</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="TRANSITIONAL11652" value="2" name="1165[]" type="radio"/> <label for="TRANSITIONAL11652"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">TRANSITIONAL</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="TRANSACTIONAL11653" value="3" name="1165[]" type="radio"/> <label for="TRANSACTIONAL11653"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">TRANSACTIONAL</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="FRAMESET11654" value="4" name="1165[]" type="radio"/> <label for="FRAMESET11654"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">FRAMESET</span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_34" name="question[1170]" id="1170" style="display:none;" value="0"> <input type="hidden" name="time_spent[1170]" id="time_spent_1170" value="0"> <div class="questions"> <span class="language_l1"> Which of the following tag can’t go inside <head> element? </span> <span class="language_l2" style="display: none;"> Which of the following tag can’t go inside <head> element? </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="HEADINGS11701" value="1" name="1170[]" type="radio"/> <label for="HEADINGS11701"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">HEADINGS</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="TITLES11702" value="2" name="1170[]" type="radio"/> <label for="TITLES11702"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">TITLES</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="META DATA11703" value="3" name="1170[]" type="radio"/> <label for="META DATA11703"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">META DATA</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="SCRIPTS11704" value="4" name="1170[]" type="radio"/> <label for="SCRIPTS11704"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">SCRIPTS</span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_34" name="question[1150]" id="1150" style="display:none;" value="0"> <input type="hidden" name="time_spent[1150]" id="time_spent_1150" value="0"> <div class="questions"> <span class="language_l1"> What should be the first tag in any HTML document? </span> <span class="language_l2" style="display: none;"> What should be the first tag in any HTML document? </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="<HEAD>11501" value="1" name="1150[]" type="radio"/> <label for="<HEAD>11501"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><HEAD></span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="<TITLE>11502" value="2" name="1150[]" type="radio"/> <label for="<TITLE>11502"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><TITLE></span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="<HTML>11503" value="3" name="1150[]" type="radio"/> <label for="<HTML>11503"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><HTML></span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="<DOCUMENT>11504" value="4" name="1150[]" type="radio"/> <label for="<DOCUMENT>11504"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><DOCUMENT></span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_34" name="question[1153]" id="1153" style="display:none;" value="0"> <input type="hidden" name="time_spent[1153]" id="time_spent_1153" value="0"> <div class="questions"> <span class="language_l1"> Which of the following is not a browser? </span> <span class="language_l2" style="display: none;"> Which of the following is not a browser? </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="MICROSOFT BING11531" value="1" name="1153[]" type="radio"/> <label for="MICROSOFT BING11531"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">MICROSOFT BING</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="NETSCAPE NAVIGATOR AND MOSAIC11532" value="2" name="1153[]" type="radio"/> <label for="NETSCAPE NAVIGATOR AND MOSAIC11532"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">NETSCAPE NAVIGATOR AND MOSAIC</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="MOZILLZ FIREFOX11533" value="3" name="1153[]" type="radio"/> <label for="MOZILLZ FIREFOX11533"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">MOZILLZ FIREFOX</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="OPERA11534" value="4" name="1153[]" type="radio"/> <label for="OPERA11534"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">OPERA</span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_34" name="question[1176]" id="1176" style="display:none;" value="0"> <input type="hidden" name="time_spent[1176]" id="time_spent_1176" value="0"> <div class="questions"> <span class="language_l1"> "Which of following statements is/are False?1. XML overcomes the limitations in HTML to support a structured way of organizing content. 2. XML specification is not case sensitive while HTML specification is case sensitive. 3. XML supports user defined tags while HTML uses pre-defined tags. 4. XML tags need not be closed while HTML tags must be closed." </span> <span class="language_l2" style="display: none;"> "Which of following statements is/are False?1. XML overcomes the limitations in HTML to support a structured way of organizing content. 2. XML specification is not case sensitive while HTML specification is case sensitive. 3. XML supports user defined tags while HTML uses pre-defined tags. 4. XML tags need not be closed while HTML tags must be closed." </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="2 only11761" value="1" name="1176[]" type="radio"/> <label for="2 only11761"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">2 only</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="1only11762" value="2" name="1176[]" type="radio"/> <label for="1only11762"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">1only</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="2 and 4 only11763" value="3" name="1176[]" type="radio"/> <label for="2 and 4 only11763"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">2 and 4 only</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="3 and 4 only11764" value="4" name="1176[]" type="radio"/> <label for="3 and 4 only11764"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">3 and 4 only</span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_34" name="question[1171]" id="1171" style="display:none;" value="0"> <input type="hidden" name="time_spent[1171]" id="time_spent_1171" value="0"> <div class="questions"> <span class="language_l1"> …… tells something about the data itself and not about the content </span> <span class="language_l2" style="display: none;"> …… tells something about the data itself and not about the content </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="METADATA11711" value="1" name="1171[]" type="radio"/> <label for="METADATA11711"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">METADATA</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="CONTENTS INSIDE HEAD ELEMENT11712" value="2" name="1171[]" type="radio"/> <label for="CONTENTS INSIDE HEAD ELEMENT11712"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">CONTENTS INSIDE HEAD ELEMENT</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="FOOTER11713" value="3" name="1171[]" type="radio"/> <label for="FOOTER11713"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">FOOTER</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="NONE OF THESE11714" value="4" name="1171[]" type="radio"/> <label for="NONE OF THESE11714"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">NONE OF THESE</span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_34" name="question[1151]" id="1151" style="display:none;" value="0"> <input type="hidden" name="time_spent[1151]" id="time_spent_1151" value="0"> <div class="questions"> <span class="language_l1"> " How can you make a bulleted list with numbers?" </span> <span class="language_l2" style="display: none;"> " How can you make a bulleted list with numbers?" </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="<dl>11511" value="1" name="1151[]" type="radio"/> <label for="<dl>11511"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><dl></span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="<ol>11512" value="2" name="1151[]" type="radio"/> <label for="<ol>11512"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><ol></span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="<list>11513" value="3" name="1151[]" type="radio"/> <label for="<list>11513"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><list></span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="<ul>11514" value="4" name="1151[]" type="radio"/> <label for="<ul>11514"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><ul></span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_34" name="question[1172]" id="1172" style="display:none;" value="0"> <input type="hidden" name="time_spent[1172]" id="time_spent_1172" value="0"> <div class="questions"> <span class="language_l1"> Which of the following is a mandatory element inside Head element for a good HTML document? </span> <span class="language_l2" style="display: none;"> Which of the following is a mandatory element inside Head element for a good HTML document? </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="METADATA11721" value="1" name="1172[]" type="radio"/> <label for="METADATA11721"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">METADATA</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="SCRIPTS11722" value="2" name="1172[]" type="radio"/> <label for="SCRIPTS11722"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">SCRIPTS</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="TITLES11723" value="3" name="1172[]" type="radio"/> <label for="TITLES11723"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">TITLES</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="STYLES11724" value="4" name="1172[]" type="radio"/> <label for="STYLES11724"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">STYLES</span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_34" name="question[1154]" id="1154" style="display:none;" value="0"> <input type="hidden" name="time_spent[1154]" id="time_spent_1154" value="0"> <div class="questions"> <span class="language_l1"> Which HTML tag produces the biggest heading? </span> <span class="language_l2" style="display: none;"> Which HTML tag produces the biggest heading? </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="<h7>11541" value="1" name="1154[]" type="radio"/> <label for="<h7>11541"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><h7></span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="<h9>11542" value="2" name="1154[]" type="radio"/> <label for="<h9>11542"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><h9></span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="<h4>11543" value="3" name="1154[]" type="radio"/> <label for="<h4>11543"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><h4></span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="<h1>11544" value="4" name="1154[]" type="radio"/> <label for="<h1>11544"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><h1></span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_34" name="question[1157]" id="1157" style="display:none;" value="0"> <input type="hidden" name="time_spent[1157]" id="time_spent_1157" value="0"> <div class="questions"> <span class="language_l1"> HTML document has three main elements.Which of the following is not one of them? </span> <span class="language_l2" style="display: none;"> HTML document has three main elements.Which of the following is not one of them? </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="DTD11571" value="1" name="1157[]" type="radio"/> <label for="DTD11571"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">DTD</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="HEAD11572" value="2" name="1157[]" type="radio"/> <label for="HEAD11572"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">HEAD</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="NECK11573" value="3" name="1157[]" type="radio"/> <label for="NECK11573"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">NECK</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="BODY11574" value="4" name="1157[]" type="radio"/> <label for="BODY11574"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">BODY</span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_34" name="question[1177]" id="1177" style="display:none;" value="0"> <input type="hidden" name="time_spent[1177]" id="time_spent_1177" value="0"> <div class="questions"> <span class="language_l1"> "Consider the HTML t able definition given below:< table border=1> <tr> <td rowspan=2> ab </td> <td colspan=2> cd </td> </tr> <tr> <td> ef </td> <td rowspan=2> gh </td> </tr> <tr> <td colspan=2> ik </td> </tr> </table>" </span> <span class="language_l2" style="display: none;"> "Consider the HTML t able definition given below:< table border=1> <tr> <td rowspan=2> ab </td> <td colspan=2> cd </td> </tr> <tr> <td> ef </td> <td rowspan=2> gh </td> </tr> <tr> <td colspan=2> ik </td> </tr> </table>" </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="(2,2,3)and(2,3,2)11771" value="1" name="1177[]" type="radio"/> <label for="(2,2,3)and(2,3,2)11771"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">(2,2,3)and(2,3,2)</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="(2,2,3)and(2,2,3)11772" value="2" name="1177[]" type="radio"/> <label for="(2,2,3)and(2,2,3)11772"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">(2,2,3)and(2,2,3)</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="(2,3,2)and(2,3,2)11773" value="3" name="1177[]" type="radio"/> <label for="(2,3,2)and(2,3,2)11773"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">(2,3,2)and(2,3,2)</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="(2,3,2)and(2,2,3)11774" value="4" name="1177[]" type="radio"/> <label for="(2,3,2)and(2,2,3)11774"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">(2,3,2)and(2,2,3)</span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> </div> <hr> <div class="row"> <div class="col-md-12"> <button class="btn btn-lg btn-success button prev" type="button"> <i class="mdi mdi-chevron-left "> </i> Previous </button> <button class="btn btn-lg btn-dark button next" id="markbtn" type="button"> Mark For Review & Next </button> <button class="btn btn-lg btn-success button next" type="button"> Next <i class="mdi mdi-chevron-right"> </i> </button> <button class="btn btn-lg btn-dark button clear-answer" type="button"> Clear Answer </button> <button class="btn btn-lg btn-danger button finish" type="submit"> Finish </button> </div> </div> </hr> </div> </div> </div> </form> </div> </div> </div>  </div> <style> .ft-hei{ height: 75px; } </style> <footer> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-6"> <div > <img src="https://examspiders.co.in/public/uploads/settings/P2D2849CBpLd3pY.png" alt="logo" class="img-responsive ft-hei"> </div> <h4 class="cs-footer-title">Follow Us On</h4> <ul class="cs-social-share"> <li><a href="https://www.facebook.com/" target="_blank" class="brand-facebook"><i class="fa brand-color fa-facebook"></i></a></li> <li><a href="https://twitter.com/" target="_blank" class="brand-twitter"><i class="fa brand-color fa-twitter"></i></a></li> <li><a href="https://plus.google.com/discover" target="_blank" class="brand-pinterest"><i class="fa brand-color fa-google-plus"></i></a></li> </ul> </div> <div class="col-md-4 col-sm-6"> <div class="row"> <div class="col-sm-6 col-xs-6"> <h4 class="cs-footer-title">Need Help?</h4> <ul class="cs-footer-links"> <li><a href="https://examspiders.co.in/practice-exams">Practice Exams</a></li> <li><a href="https://examspiders.co.in/LMS/all-categories">LMS</a></li> <li><a href="https://examspiders.co.in/site/about-us">About Us</a></li> <li><a href="https://examspiders.co.in/contact-us">Contact Us</a></li> <li><a href="https://examspiders.co.in/site/terms-conditions">Terms And Conditions</a></li> <li><a href="https://examspiders.co.in/site/privacy-policy">Privacy And Policy</a></li> </ul> </div> </div> </div> <div class="col-md-4 col-sm-12"> <h4 class="cs-footer-title">Email Newsletter</h4> <div class="form-group"> <input type="email" class="form-control" placeholder="Email Address" id="email1" required> </div> <button class="btn btn-primary btn-shadow btn-block" onclick="showSubscription()" >Subscribe</button> </div> </div> </div> </footer> <div class="cs-copyrights"> <div class="container"> © Copyright © 2012 - 2020 ExamSpiders . All Rights Reserved | Design and Developed By AICT PVT LTD. </div> </div> <script src="https://examspiders.co.in/public/js/jquery.min.js"></script> <script src="https://examspiders.co.in/Themes/themeone/assets/site/js/bootstrap.min.js"></script> <script src="https://examspiders.co.in/Themes/themeone/assets/site/js/slider/slick.min.js"></script> <script src="https://examspiders.co.in/Themes/themeone/assets/site/js/bootstrap.offcanvas.js"></script> <script src="https://examspiders.co.in/Themes/themeone/assets/site/js/jRate.min.js"></script> <script src="https://examspiders.co.in/Themes/themeone/assets/site/js/wow.min.js"></script> <script src="https://examspiders.co.in/Themes/themeone/assets/site/js/main.js"></script> <script src="https://examspiders.co.in/Themes/themeone/assets/js/notify.js"></script> <script src="https://examspiders.co.in/public/js/sweetalert-dev.js"></script> <script src="https://examspiders.co.in/public/js/mousetrap.js"></script> <script src="https://examspiders.co.in/public/js/landing-js/all.js"></script> <script> var csrfToken = $('[name="csrf_token"]').attr('content'); setInterval(refreshToken, 600000); // 1 hour function refreshToken(){ $.get('refresh-csrf').done(function(data){ csrfToken = data; // the new token }); } setInterval(refreshToken, 600000); // 1 hour </script> <link rel="stylesheet" href="https://examspiders.co.in/public/css/alertify/themes/alertify.core.css" > <link rel="stylesheet" href="https://examspiders.co.in/public/css/alertify/themes/alertify.default.css" id="toggleCSS" > <script src="https://examspiders.co.in/public/js/alertify.js"></script> <script src="https://examspiders.co.in/public/js/bootstrap-toggle.min.js"> </script> <script src="https://examspiders.co.in/public/js/jquery.flexslider.js"></script> <script src="https://examspiders.co.in/public/js/angular.js"></script> <script src="https://examspiders.co.in/public/js/angular-messages.js"></script> <script src="https://examspiders.co.in/public/js/mousetrap.js"></script> <script> var app = angular.module('academia', []); app.controller('angExamScript', function($scope, $http) { $scope.initAngData = function(data) { if(data=='') { return; } $scope.hints = 0; $scope.saved_bookmarks = []; $scope.intilizeBookmarks('questions'); $scope.bookmarks = []; angular.forEach(data, function(value, index) { $scope.bookmarks[value] = 0; }); } $scope.getToken = function(){ return $('[name="_token"]').val(); } $scope.intilizeBookmarks = function(item_type) { route = 'https://examspiders.co.in/student/bookmarks/getSavedList'; data= {_method: 'post', '_token':$scope.getToken(), 'item_type':item_type }; $http.post(route, data).success(function(result) { $scope.saved_bookmarks = result; angular.forEach($scope.bookmarks, function(value, index) { $scope.bookmarks[index] = $scope.isBookmarked(index); }); }); } $scope.isBookmarked = function(item_id) { res = $scope.findIndexInData($scope.saved_bookmarks, 'item_id', item_id) return res; } /** * This method searches for the particular element in the sent array and returns * -1 if not found * 0>= if item is found * @param {[type]} Array [description] * @param {[type]} property [description] * @param {[type]} action [description] * @return {[type]} [description] */ $scope.findIndexInData =function (Array, property, action) { var result = -1; angular.forEach(Array, function(value, index) { if(value[property]==action){ result=index; } }); return result; } /** * This method bookmarks or unbookmarks the given item id * If the operation is delete, it removes the bookmark * if the operation is add, It adds the bookmark * @param {[type]} item_id [description] * @param {[type]} operation [description] * @param {[type]} item_type [description] * @return {[type]} [description] */ $scope.bookmark = function(item_id, operation, item_type) { bookmark_value=0; route = 'https://examspiders.co.in/student/bookmarks/add'; data= {_method: 'post', '_token':$scope.getToken(), 'item_id': item_id, 'item_type':item_type }; if(operation=='delete') { route = 'https://examspiders.co.in/student/bookmarks/delete/'+item_id; bookmark_value = -1; data= {_method: 'delete', '_token':$scope.getToken()}; } $http.post(route, data).success(function(result, status) { if(result.status==0){ alertify.error(result.message); } else { if(operation=='delete') { var index = $scope.saved_bookmarks.indexOf(item_id); $scope.saved_bookmarks.splice(index, 1); } else { var obj = { id: $scope.saved_bookmarks.length, item_id: item_id }; $scope.saved_bookmarks.push(obj); } $scope.bookmarks[item_id] = bookmark_value; alertify.success(result.message); } }); } }); /** * General Exam Scripts * Variables used in the below script */ var EFFECT = 'bounceInDown'; var DURATION = 500; var DIV_REFERENCE = $("#questions_list .question_div"); var MAXIMUM_QUESTIONS = $("#questions_list .question_div").size(); var VISIBLE_ELEMENT = "#questions_list .question_div:visible"; var HINTS = 0; var ANSWERED = ' answered'; var NOT_ANSWERED = ' not-answered'; var ANSWER_MARKED = ' marked'; var NOT_VISITED = ' not-visited'; var TOTAL_ANSWERED = 0; var TOTAL_MARKED = 0; var TOTAL_NOT_VISITED = MAXIMUM_QUESTIONS; var TOTAL_NOT_ANSWERED = MAXIMUM_QUESTIONS; var HOURS = 0; var MINUTES = 0; var SECONDS = 0; var SPENT_TIME = []; DIV_REFERENCE.first().show(); updateCount(); // onlclick of next button $('.next').on('click', function() { nextClick($(this).attr('id')); $('.next #markbtn').show(); }); // onlclick of prev button $('.prev').on('click', function() { prevClick($(this).attr('id')); }); $('.clear-answer').on('click', function() { clearAnswer(); }); function nextClick(argument) { is_marked = 0; if(argument == 'markbtn') { is_marked = 1; } processNext(is_marked); $(VISIBLE_ELEMENT).next('div').fadeIn(DURATION).prev().hide(); doGeneralOperations(); return false; } function prevClick(argument) { is_marked = 0; if(argument == 'markbtn') { is_marked = 1; } processNext(is_marked); $(VISIBLE_ELEMENT).prev('div').fadeIn(DURATION).next().hide(); doGeneralOperations(); return false; } function clearAnswer() { list = $(VISIBLE_ELEMENT + ' input '); $.each( list, function() { elementType = $(this).attr('type'); switch(elementType) { case 'radio': $(this).prop('checked', false); break; case 'checkbox': $(this).attr('checked', false); break; case 'text': $(this).val(''); break; } }); } function bookmark(operation) { item_id = $(VISIBLE_ELEMENT).attr('id'); item_type = 'questions'; angular.element('.examform').scope().bookmark(item_id, operation, item_type); angular.element('.examform').scope().$apply(); } /** * The below method will determine the input elements and accordingly * update the status of palete and count of palete based on the event generated * @param {Boolean} is_marked [is true if user clicks for mark for review button] * @return {[type]} [description] */ function processNext(is_marked) { /** * Get all the elements of type input */ list = $(VISIBLE_ELEMENT + ' input '); /** * Get all the elements of type text area */ textarea_list = $(VISIBLE_ELEMENT + ' textarea '); // This is the global flag to determine wether the user is answered or skipped this question answer_status = 0; //Process input type of elements in foreach loop if(list!=0) { list.each(function(index, value){ element_type = $(value).attr('type'); switch(element_type) { case 'radio': if($(value).prop('checked')) answer_status = 1; break; case 'checkbox': if($(value).prop('checked')) answer_status = 1; break; case 'text': if($(value).val().length != 0) answer_status = 1; break; } }); } //Process textarea type of elements in foreach loop if(textarea_list.length) { textarea_list.each(function(index, value){ if($(value).val().length!=0) answer_status = 1; }); } //Assign the appropriate clase based on the answer type class_name = NOT_ANSWERED; if(answer_status) { if(is_marked) class_name = ANSWER_MARKED; else class_name = ANSWERED; } //Update the palette with status $(".question-palette .pallete-elements:eq("+getCurrentIndex()+")") .removeClass(NOT_VISITED + NOT_ANSWERED + ANSWER_MARKED) .addClass(class_name); return false; } /** * The below method keeps eye on the index of questions and hides/shows the next and previous buttons * @return {[void]} [description] */ function checkButtonStatus() { CURR_INDEX = getCurrentIndex()+1; if(CURR_INDEX == MAXIMUM_QUESTIONS) { $('.next').fadeOut(); $('.prev').fadeIn(); $('.next #markbtn').show(); } else if(CURR_INDEX == 1) { $('.prev').fadeOut(); $('.next').fadeIn(); } else { $('.next').show(); $('.prev').show(); } } /** * The below method contains all common operations to perform after an event has generated * @return {[type]} [description] */ function doGeneralOperations() { setQuestionNumber(); checkButtonStatus(); updateCount(); return false; } /** * This method returns the current visible div index; * @return {[type]} [description] */ function getCurrentIndex() { return $(VISIBLE_ELEMENT).index(); } /** * This method is used to show the specific based on the provided index value * @param {[type]} index [description] * @return {[type]} [description] */ function showSpecificQuestion(index) { $(VISIBLE_ELEMENT).hide(); $("#questions_list .question_div:eq("+index+")").fadeIn(); doGeneralOperations(); return false; } /** * This method is used to update the overall summary of the palletes. * @return {[type]} [description] */ function updateCount() { TOTAL_NOT_ANSWERED = $(".not-answered").length - 1; TOTAL_NOT_VISITED = $(".not-visited").length - 1; TOTAL_MARKED = $(".marked").length - 1; TOTAL_ANSWERED = $(".answered").length - 1; $('#palette_total_answered').html(TOTAL_ANSWERED); $('#palette_total_marked').html(TOTAL_MARKED); $('#palette_total_not_visited').html(TOTAL_NOT_VISITED); $('#palette_total_not_answered').html(TOTAL_NOT_ANSWERED); } function showSubjectQuestion(subject_id) { question_number = $($("."+subject_id).first()).attr('id'); $(VISIBLE_ELEMENT).hide(); $("#"+question_number).fadeIn(); doGeneralOperations(); return false; } $('.finish').on('click', function() { }); /** * This method is used to track the question no to show it on serial no. */ function setQuestionNumber() { $('#question_number').html(getCurrentQuestionNumber()); } /** * This method is used to fetch the current question no. * @return {[type]} [description] */ function getCurrentQuestionNumber() { return $(VISIBLE_ELEMENT).index()+1; } function intilizetimer(hrs, mins, sec) { HOURS = hrs; MINUTES = mins; SECONDS = sec; $("#timerdiv").addClass('text-success'); startInterval(); } function startInterval() { timer= setInterval("tictac()", 1000); } function stopInterval() { clearInterval(timer); } function tictac(){ SECONDS--; visible_div_id = $(VISIBLE_ELEMENT).attr('id'); if(isNaN(SPENT_TIME[visible_div_id])) SPENT_TIME[visible_div_id] = 0; else SPENT_TIME[visible_div_id] = SPENT_TIME[visible_div_id]+1; $('#time_spent_'+visible_div_id).val(SPENT_TIME[visible_div_id]); if(SECONDS<=0) { MINUTES--; $("#mins").text(MINUTES); if(MINUTES<1) { if(HOURS==0) { $("#timerdiv").removeClass('text-success'); $("#timerdiv").addClass("text-red"); } } if(MINUTES<0) { if(HOURS!=0) { MINUTES = 59; HOURS = HOURS-1; SECONDS = 59; $("#mins").text(MINUTES); $("#hours").text(HOURS); return; } stopInterval(); $("#mins").text('0'); alert('You are exceeded the time to finish the exam.'); $('#onlineexamform').submit(); } SECONDS=60; } if(MINUTES>=0) $("#seconds").text(SECONDS); else $("#seconds").text('00'); } Mousetrap.bind('left', function() { prevClick(); }); Mousetrap.bind('right', function() { nextClick(); }); Mousetrap.bind('escape', function() { clearAnswer(); }); Mousetrap.bind(['shift+up'], function(e) { bookmark('add'); }); Mousetrap.bind(['shift+down'], function(e) { bookmark('delete'); }); </script> <script src="https://examspiders.co.in/public/js/plugins/ckeditor-standard/ckeditor.js"></script>  <script type="text/javascript"> /** * intilizetimer(hours, minutes, seconds) * This method will set the values to defaults */ $(document).ready(function () { intilizetimer(00,30,1); // intilizetimer(5,20,0); }); function languageChanged(language_value) { if(language_value=='language_l2') { $('.language_l1').hide(); $('.language_l2').show(); } else { $('.language_l2').hide(); $('.language_l1').show(); } } </script>  <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview'); </script>  </body> </html>

HTML interview question set 6 : Question 1 of 30