• +91 9723535972
  • info@interviewmaterial.com

HTML Interview Questions and Answers

Related Subjects

HTML Interview Questions and Answers

Question - 81 : - What do you understand by web workers?

Answer - 81 : -

The addition of web workers brings multithreading capability to JavaScript. These are scripts running in the background that doesn't necessitate the web page to wait for their completion.

Hence, a user can interact freely with the web page while a web worker runs in the background. In order to achieve parallelism, web workers leverage thread-like message passing.

Question - 82 : - What do you understand by HTML tags? How many tags are required to create a web page in HTML5?

Answer - 82 : - A set of characters enclosed within angular braces (<> or ) that develop a formatted command for a web page is called an HTML tag. General syntax of an HTML5 tag is:

.….

Tags help in sending instructions to the web browser on what to display and how to display. A minimum of 3 tags are required for creating a web page in HTML5:

Question - 83 : - Please explain the various formatting tags in HTML5.

Answer - 83 : -

HTML5 has a total of 12 formatting tags:

  • - Used for making the text bold.
  • - Used for increasing the font size of the text by one unit.
  • - Used to display the deleted text.
  • - Used for making the text italic with added semantics importance.
  • - Used to make the text italic.
  • - Used for displaying the added text.
  • - Used for highlighting the text.
  • - Used to decrease the font size of the text by one unit.
  • - Used for telling the browser that the text is important.
  • - Used for making the text a subscript.
  • - Used to make the text a superscript.
  • - Used for underlining the text.

Question - 84 : - Explain the
tag in HTML5.

Answer - 84 : - The

tag is used for specifying self-contained content, such as diagrams and photos, in an HTML5 web page. Although the content of the figure element is related to the main flow of the document, its position is independent of the same, i.e., if removed, it will not affect the main flow of the document.

Question - 85 : - Explain the various new tags introduced by HTML5 in Media Elements.

Answer - 85 : -

HTML5 introduces the following five new tags in Media Elements:

  • : Embeds an external application or content
  • : Adds multimedia resources like audio, picture, and video.
  • : Adds caption files or subtitles while the multimedia file is playing.

Question - 86 : - Which tag is used for representing the result of a calculation? Explain its attributes.

Answer - 86 : -

The tag is used for representing the result of a calculation. It has three attributes:

  • for - Represents the relationship among the elements used in the calculation and the result.
  • form - Represents the form(s) the output element belongs to.
  • name - Represents a name for the output element.

Question - 87 : - What is new about the relationship between the
and

tags in HTML5?

Answer - 87 : -

Prior to HTML5, only one

element was used for the heading of the entire webpage. This changed in HTML5, as it specifies that the

element represents the top-level heading of a section of the webpage, which can be the page , an
, or a
element.


According to the HTML5 specification, each
element must at least have one

tag.

Question - 88 : - List all the tags removed from the HTML5.

Answer - 88 : -

Following tags were removed in the HTML5:

  • </li><li><strike></li><li><tt></li></ul></div></p> <strong>Question - 89 : - <a target='_blank' href='Please-explain-how-to-indicate-the-character-set-being-used-by-a-document-in-HTML5.aspx'>Please explain how to indicate the character set being used by a document in HTML5?</a></strong> <p><b>Answer - 89</b> : - <div>The character set being used by an HTML5 document is indicated using the charset attribute of a <meta> tag inside the <head> element of the HTML5 document:</div><div><br></div><div><br></div><div><!DOCTYPE html></div><div><html></div><div><head></div><div>…</div><div>...</div><div><meta charset="UTF-8"></div><div>…</div><div>…</div><div></head></div><div></html></div></p> <strong>Question - 90 : - <a target='_blank' href='What-is-the-correct-usage-of-the-following-HTML5-semantic-elements-i-lt-article-gt-ii-lt-footer-gt.aspx'><div>What is the correct usage of the following HTML5 semantic elements:</div><div>i) <article></div><div>ii) <footer></div><div>iii) <header></div><div>iv) <section></div></a></strong> <p><b>Answer - 90</b> : - <div>i) <article></div><div><span style="background-color: transparent;">This HTML5 element is intended to have a self-contained composition, being logically independent and capable to be created outside the web page without losing the concerned meaning. Suitable examples for the <article> element are blog posts, news snippets, and release updates.</span></div><div><br></div><div>ii) <footer></div><div><span style="background-color: transparent;">We use the <footer> element to hold information meant to appear at the end of a particular section of a web page. Typically, it contains additional information about the section. Suitable examples for this HTML5 element include an author bio and helpful links.</span></div><div><br></div><div>iii) <header></div><div><span style="background-color: transparent;">This essential HTML5 element contains introductory as well as navigation information about a certain section or the body of a web page. Suitable examples for the <header> element are author name, publication date, number of views, and table of contents.</span></div><div><br></div><div>iv) <section></div><div><span style="background-color: transparent;">Intended for holding content having a common purpose or theme, the <section> element serves as a flexible container in HTML5. The comments section, sharing section, and related articles section are some of the best examples of this HTML5 element.</span></div><div><br></div></p> <div align="center"> <a href='HTML-Interview-Questions-and-Answers-7.aspx' class="btn_1" style="width: 96px; display: inline-block; margin-right: 20px;"> <i class="fa fa-angle-double-left" aria-hidden="true"></i>Previous </a><a style="width: 96px; display: inline-block;" href='HTML-Interview-Questions-and-Answers-9.aspx' class="btn_1">Next <i class="fa fa-angle-double-right" aria-hidden="true"></i></a> </div> </div> <div class="adv"> <div class="testimonial-content"> <div class="row"> </div> </div> </div> <div align="center"> </div> <br /> <div class="add-links-onpage"> <font style="color: white;"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2486244291544850" crossorigin="anonymous"></script> <!-- Horizontal Banner --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2486244291544850" data-ad-slot="6083416215" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></font> </div> <div> <font style="color: white;"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Horizontal Banner --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2486244291544850" data-ad-slot="6083416215" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Horizontal Banner --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2486244291544850" data-ad-slot="6083416215" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Horizontal Banner --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2486244291544850" data-ad-slot="6083416215" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></font> </div> </div> </div> <div class="right_sec"> <div class="latest_news"> <div class="computer" align="center"> </div> </div> <div class="latest_news"> <h3 style="text-align:center"><a style="all:unset;" href='https://www.ncertqna.com/' target="_blank" title="NCERT Questions Answers | NCERT Solutions"><u> NCERT Solutions</u></a></h3> <div class="computer" align="center"> <div class="brdrclnt" title=Win Friend> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2486244291544850" crossorigin="anonymous"></script> <!-- Top Right --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2486244291544850" data-ad-slot="5372066438" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="latest_news"> <h3 style="text-align:center;">&nbsp;</h3> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Vertical Ad --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2486244291544850" data-ad-slot="4597098243" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="latest_news"> <h3> Share your email for latest updates</h3> <div class="col-sm-12"> <div id="ctl00_upPanel"> <div class="form-group"> Name: <input name="ctl00$txtShareName" type="text" id="ctl00_txtShareName" title="Please enter name" class="form-control" /> <span id="ctl00_reqName" style="color:Red;margin-left:35px;display:none;">Enter Name Please</span> </div> <div class="form-group"> Email: <input name="ctl00$txtShareEmail" type="text" id="ctl00_txtShareEmail" title="Please enter your email." class="form-control" /> <span id="ctl00_RequiredFieldValidator5" style="color:Red;margin-left:35px;display:none;">Enter Email Please</span> <span id="ctl00_RegularExpressionValidator1" style="color:Red;margin-left:35px;display:none;">Valid Email Please</span> </div> <div align="center"> <span id="ctl00_lblMessage" style="margin-left: 35px;"></span><br /> <input type="submit" name="ctl00$cmdShare" value="Share" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$cmdShare&quot;, &quot;&quot;, true, &quot;share&quot;, &quot;&quot;, false, false))" id="ctl00_cmdShare" class="btn_1" style="padding: 7px 22px; border: 0px; margin-bottom: 10px;" /> </div> </div> </div> </div> </div> </div> </div> </div> <div class="feature_job"> <div class="container-fluid"> <div class="row"> <div class="col-sm-4"> <h1 class="heading"> Latest News</h1> <div class="table-bg" style=" height: 176px; overflow: auto;overflow-x: hidden;"> <table class="table"> <tbody> <tr> <td> <div class="tab-image"> <img width="35px" src="/images/img1.jpg" alt="" class="img-responsive"></div> <h1> <a href='/NewsDetail.aspx?id=19'> 10000+ interview questions in different categories</a> </h1> </td> </tr> <tr> <td> <div class="tab-image"> <img width="35px" src="/images/img1.jpg" alt="" class="img-responsive"></div> <h1> <a href='/NewsDetail.aspx?id=18'> Freshers and experienced</a> </h1> </td> </tr> </tbody> </table> </div> </div> <div class="col-sm-8"> <h1 class="heading"> Testimonial</h1> <div class="patient-testmonial"> <div class="adv"> <div class="testimonial-content"> <div class="row"> <div class="col-sm-6"> <a href='https://www.ncertqna.com/' target="_blank"> <div class="media"> <div class="pull-left"> <img src='http://interviewmaterial.com/images/GalleryPicturesAll/2ef76ebb-7241-4ee8-b81c-356783165598_NCERT Questions Answers.png' title='NCERT Questions Answers' class="media-object thumbnail" style="width: 120px"> </div> <div class="media-body"> <h4 class="media-heading"> NCERT Questions Answers</h4> <p> We are group of professionals with the same objective for helping school students who are struggling in NCERT Questions Answers. We are just sharing our knowledge for the students and helping them by providing Questions Answers.</p> </div> </div> </a> </div> <div class="col-sm-6"> <a href='https://halpura.com/' target="_blank"> <div class="media"> <div class="pull-left"> <img src='http://interviewmaterial.com/images/GalleryPicturesAll/b26120d0-c118-4030-a6ac-40f63e20c768_Halpura Blogs Tutorials Questions and Answers.png' title='Blogs, Tutorials, Questions Answers ' class="media-object thumbnail" style="width: 120px"> </div> <div class="media-body"> <h4 class="media-heading"> Halpura.com</h4> <p> At Halpura we are reimagining the actual potentials of quality information resources reaching people across the globe to make an everlasting impact. </p> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="our-client-area"> <div class="container-fluid"> <h1 class="our_client heading"> Our partners</h1> <div class="row"> <div class="client-logo"> <div class="box_services brdrtop1"> <a href="https://www.ncertqna.com/" target="_blank"> <img src='http://interviewmaterial.com/images/GalleryPicturesAll/aa51c545-462d-4bb9-a8c0-d29b83bdec9d_NCERT Questions Answers.png' title='NCERT Questions Answers' alt=""></a> </div> <div class="box_services brdrtop1"> <a href="https://halpura.com/" target="_blank"> <img src='http://interviewmaterial.com/images/GalleryPicturesAll/f66311bc-2cd4-4d98-9956-d3ef06a1c52b_Halpura Blogs Tutorials Questions and Answers.png' title='Blogs, Tutorials, Questions Answers ' alt=""></a> </div> </div> </div> </div> </div> <footer id="footer" class="footer divider layer-overlay overlay-dark-8"> <div class="container" style="padding-top:20px;"> <div class="row"> <div class="col-sm-6 col-md-4"> <div class="widget dark"> <h4 class="widget-title">Quick Links</h4> <div class="small-title"> <div class="line1 background-color-white"></div> <div class="line2 background-color-white"></div> <div class="clearfix"></div> </div> <ul class="list angle-double-right list-border"> <li><a href="/Default.aspx">Home</a></li> <li><a href="/Aboutus.aspx" target="_blank">About Us</a></li> <li><a href="/Contactus.aspx" target="_blank">Contact Us</a></li> </ul> </div> </div> <div class="col-sm-6 col-md-5"> <div class="widget dark"> <h4 class="widget-title">&nbsp;</h4> <div class="small-title"> <div class="line1 background-color-white"></div> <div class="line2 background-color-white"></div> <div class="clearfix"></div> </div> <ul class="list angle-double-right list-border"> <li><a href="../TerrmsandConditions.aspx" target="_blank">Terrmsand Conditions </a></li> <li><a href="../PrivacySecurity.aspx" target="_blank"> Privacy Security </a></li> <li><a href="../UserRegistration.aspx" target="_blank">User Registration</a></li> </ul> </div> </div> <div class="col-sm-6 col-md-3"> <div class="widget dark"> <h4 class="widget-title ">Use Full Links</h4> <div class="small-title"> <div class="line1 background-color-white"></div> <div class="line2 background-color-white"></div> <div class="clearfix"></div> </div> <ul class="socials"> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-youtube"></i></a></li> <li><a href="#"><i class="fa fa-instagram"></i></a></li> <li><a href="#"><i class="fa fa-pinterest"></i></a></li> </ul> </div> </div> </div> </div> </footer> <div class="subscribe-area" style="padding: 0px; margin: 0px;"> <div class="container"> <p style="color: #fff; text-align: center; padding: 4px; margin: 0px;"> Copyright 2017, All Rights Reserved. A Product Design BY CoreNet Web Technology </p> </div> </div> </div> <div> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="A9F125C7" /> </div> <script type="text/javascript"> //<![CDATA[ var Page_Validators = new Array(document.getElementById("ctl00_reqName"), document.getElementById("ctl00_RequiredFieldValidator5"), document.getElementById("ctl00_RegularExpressionValidator1")); //]]> </script> <script type="text/javascript"> //<![CDATA[ var ctl00_reqName = document.all ? document.all["ctl00_reqName"] : document.getElementById("ctl00_reqName"); ctl00_reqName.controltovalidate = "ctl00_txtShareName"; ctl00_reqName.errormessage = "Enter Name Please"; ctl00_reqName.display = "Dynamic"; ctl00_reqName.validationGroup = "share"; ctl00_reqName.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid"; ctl00_reqName.initialvalue = ""; var ctl00_RequiredFieldValidator5 = document.all ? document.all["ctl00_RequiredFieldValidator5"] : document.getElementById("ctl00_RequiredFieldValidator5"); ctl00_RequiredFieldValidator5.controltovalidate = "ctl00_txtShareEmail"; ctl00_RequiredFieldValidator5.errormessage = "Enter Email Please"; ctl00_RequiredFieldValidator5.display = "Dynamic"; ctl00_RequiredFieldValidator5.validationGroup = "share"; ctl00_RequiredFieldValidator5.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid"; ctl00_RequiredFieldValidator5.initialvalue = ""; var ctl00_RegularExpressionValidator1 = document.all ? document.all["ctl00_RegularExpressionValidator1"] : document.getElementById("ctl00_RegularExpressionValidator1"); ctl00_RegularExpressionValidator1.controltovalidate = "ctl00_txtShareEmail"; ctl00_RegularExpressionValidator1.focusOnError = "t"; ctl00_RegularExpressionValidator1.errormessage = "Valid Email Please"; ctl00_RegularExpressionValidator1.display = "Dynamic"; ctl00_RegularExpressionValidator1.validationGroup = "share"; ctl00_RegularExpressionValidator1.evaluationfunction = "RegularExpressionValidatorEvaluateIsValid"; ctl00_RegularExpressionValidator1.validationexpression = "\\w+([-+.\']\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*"; //]]> </script> <script type="text/javascript"> //<![CDATA[ var Page_ValidationActive = false; if (typeof(ValidatorOnLoad) == "function") { ValidatorOnLoad(); } function ValidatorOnSubmit() { if (Page_ValidationActive) { return ValidatorCommonOnSubmit(); } else { return true; } } document.getElementById('ctl00_reqName').dispose = function() { Array.remove(Page_Validators, document.getElementById('ctl00_reqName')); } document.getElementById('ctl00_RequiredFieldValidator5').dispose = function() { Array.remove(Page_Validators, document.getElementById('ctl00_RequiredFieldValidator5')); } document.getElementById('ctl00_RegularExpressionValidator1').dispose = function() { Array.remove(Page_Validators, document.getElementById('ctl00_RegularExpressionValidator1')); } //]]> </script> </form> <script src="/js/jquery-1.11.3.min.js"></script> <script src="/js/bootstrap.min.js"></script> <script src="/js/wow.min.js"></script> <script src="/js/index.js"></script> <script src="/js/jquery.meanmenu.js"></script> <script src="/js/owl.carousel.min.js"></script> <script type="text/javascript" src="/js/percircle.min.js"></script> <script src="/js/main.js"></script> <!-- Go to www.addthis.com/dashboard to customize your tools --> <script async type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-625b9737a1cc9dfa"></script> </body> </html>