Html Interview Questions

• 1 What is SVG

  SVG stands for Scalable Vector Graphics. You can use SVG on the web pretty easily. It looks great on retina displays. SVG has several methods for drawing paths, boxes, circles, text, and graphic images

• 2 What is header tag in HTML5

   The HTML

  element represents a group of introductory or navigational aids. The

  element is usually contain the section's heading (an

  -

  element or other elements like a logo, wrapped section's header, a search form, and so on).
  You can't placed the

  tag within a

• 3 What is footer tag in HTML5

   The

• 4 What is HTML5

  and

   : In HTML5

  contain the images and caption grouped together.

  Example:

   

   

  The element defines the image, the

• 5 Which element is no longer supported in HTML5

   

  <o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><strike><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><tt><o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">6</span> What is meant by onblur and onfocus in HTML5</h4> </div> <div class="answer"> <p> <span style="font-family: Calibri; font-size: 11pt; line-height: 115%;">Event attributes</span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">The onblur attribute hits the moment that the element loses focus<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">The onfocus attribute fires the moment that the element gets focus.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">Demo<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><input type="text" value="Search" onfocus="if (this.value=='Search') {this.value='';}"  onblur="if (this.value=='') {this.value='Search';}"><o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">7</span> How to display the correct HTML5 element for playing video files</h4> </div> <div class="answer"> <p> <span style="font-family: Calibri; font-size: 11pt; line-height: 115%;"><video width="400" controls></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">  <source src="video_name.mp4" type="video/mp4"><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">  <source src="video_name.ogg" type="video/ogg"><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">  Your browser does not support HTML5 video.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"></video><o:p></o:p></span></p> <p><span lang="EN" style="font-size:11.0pt;font-family:Calibri;mso-fareast-font-family: "Times New Roman";mso-bidi-font-family:Calibri;mso-ansi-language:EN;mso-fareast-language: EN-US;mso-bidi-language:AR-SA">Note:Text between the <video> and </video> tage will not display video that the browser do not support the <video> element</span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">8</span> Is type attribute for <script> elements is required in HTML5</h4> </div> <div class="answer"> <p> No</p> </div> </li> <li> <div class="question"> <h4><span class="q-number">9</span> Which method is used to get the current location of a user in HTML5</h4> </div> <div class="answer"> <p> <span lang="EN" style="font-size:11.0pt;font-family:Calibri; mso-fareast-font-family:"Times New Roman";mso-bidi-font-family:Calibri; mso-ansi-language:EN;mso-fareast-language:EN-US;mso-bidi-language:AR-SA">getCurrentPosition()</span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">10</span> what is contenteditable in html5</h4> </div> <div class="answer"> <p> <span style="font-family: Calibri; font-size: 11pt; line-height: 115%;">In HTML5 any element can be editable. The contenteditable attribute specifies whether the content of an element is editable or not.</span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">Example:<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><!DOCTYPE html><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><html><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">  <body><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">    <div contentEditable="true"><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">      This text can be edited by the user.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">    </div><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">  <script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"NRJS-b4a86f03127b2e68625","applicationID":"539276820","transactionName":"Y11WZERVDEpWBk1bV1oXYUJfGwtXUwBBHEhcSA==","queueTime":0,"applicationTime":297,"atts":"TxpVEgxPH0Q=","errorBeacon":"bam.nr-data.net","agent":""}</script></body><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"></html><o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">11</span> How to disable input in HTML5 </h4> </div> <div class="answer"> <p> <span lang="EN" style="font-size:11.0pt;font-family:Calibri; mso-fareast-font-family:"Times New Roman";mso-bidi-font-family:Calibri; mso-ansi-language:EN;mso-fareast-language:EN-US;mso-bidi-language:AR-SA">:<input type="text" value="John" disabled></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">12</span> How you draw circle is SVG</h4> </div> <div class="answer"> <p> <span style="font-family: Calibri; font-size: 11pt; line-height: 115%;">Answer:</span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">Example<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><!DOCTYPE html><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><html><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><body><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><svg width="300" height="300"><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">  <circle cx="130" cy="130" r="100"  stroke="green" stroke-width="4" fill="yellow" /><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"></svg><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"></body><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"></html><o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">13</span> In which format SVG graphics is defined</h4> </div> <div class="answer"> <p> <span lang="EN" style="font-size:11.0pt;font-family:Calibri; mso-fareast-font-family:"Times New Roman";mso-bidi-font-family:Calibri; mso-ansi-language:EN;mso-fareast-language:EN-US;mso-bidi-language:AR-SA">SVG graphics is defined in XML format</span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">14</span> How to specify that an input field must be filled out in HTML5</h4> </div> <div class="answer"> <p> <span style="font-family: Calibri; font-size: 11pt; line-height: 115%;">Required attribute When present, it specifies that an input field must be filled out before submitting the form.</span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">Example:<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><input type="text" name="usrname" required><o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">15</span> What is readonly attribute in input</h4> </div> <div class="answer"> <p><span style="font-family: Calibri; font-size: 11pt; line-height: 115%;">The readonly attribute specifies that the input field is read only (cannot be changed)</span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">Example:<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><form action=""><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">                Your  name:<br><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">                <input type="text" name="your name" value="your name" readonly><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"></form><o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">16</span> What is disabled attribute in input</h4> </div> <div class="answer"> <p> <span style="font-family: Calibri; font-size: 11pt; line-height: 115%;">The readonly attribute specifies that the input field is diabled, you can't change anything.</span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">Example:<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><form action=""><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">                Your  name:<br><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">                <input type="text" name="your name" value="your name" disabled><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"></form><o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">17</span> How to get autofocus in input fields</h4> </div> <div class="answer"> <p> <span lang="EN" style="font-size:11.0pt;font-family:Calibri; mso-fareast-font-family:"Times New Roman";mso-bidi-font-family:Calibri; mso-ansi-language:EN;mso-fareast-language:EN-US;mso-bidi-language:AR-SA">Your  name:<input type="text" name="fname" autofocus></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">18</span> How to alert message on button click</h4> </div> <div class="answer"> <p> <span lang="EN" style="font-size:11.0pt;font-family:Calibri; mso-fareast-font-family:"Times New Roman";mso-bidi-font-family:Calibri; mso-ansi-language:EN;mso-fareast-language:EN-US;mso-bidi-language:AR-SA">button type="button" onclick="alert('Hello Superman!')">Hey Click Me!</button></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">19</span> What is Local Storage in HTML5</h4> </div> <div class="answer"> <p> <span lang="EN" style="font-size:11.0pt;font-family:Calibri; mso-fareast-font-family:"Times New Roman";mso-bidi-font-family:Calibri; mso-ansi-language:EN;mso-fareast-language:EN-US;mso-bidi-language:AR-SA">HTML5 Local Storage,web applications can store data locally within the user's browser. The localStorage property allows you to access a local Storage. Before that application data has to be stored in cookies, Local Store is more secure and store large amount of data, without affecting website performance.</span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">Syntax:<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">myStorage = localStorage;<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"> </span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">Example:<o:p></o:p></span></p> <p> </p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">localStorage.setItem('myDog', 'harry');<o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">20</span> How to open a link in new tab or window</h4> </div> <div class="answer"> <p> <span style="font-family: Calibri; font-size: 11pt; line-height: 115%;">To open a link in new tab or window, use the following html code:</span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><a href=”http://www.letsknowit.com” target=”_blank”>Welcome to letsknowit.com!</a><o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">21</span> What is DOCTYPE</h4> </div> <div class="answer"> <p> <span style="font-family: Calibri; font-size: 11pt; line-height: 115%;">The <!DOCTYPE> declaration must be placed in your HTML document, before the <html> tag. It gives the instruction to the web browser about what version of HTML the page is written in.</span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">22</span> What are the different versions of HTML</h4> </div> <div class="answer"> <p> <span style="font-family: Calibri; font-size: 11pt; line-height: 115%;"> HTML version are HTML, HTML+, HTML 2.0, HTML 3.2, HTML 4.0 and the latest version of is HTML 5.</span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">23</span> What are HTML Elements</h4> </div> <div class="answer"> <p> <span style="font-family: Calibri; font-size: 11pt; line-height: 115%;">HTML elements are written with a start tag, with an end tag, with the content in between:</span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><tagname>Hello World</tagname><o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">24</span> What are HTML Tags</h4> </div> <div class="answer"> <p> <span lang="EN" style="font-size:11.0pt;font-family:Calibri; mso-fareast-font-family:"Times New Roman";mso-bidi-font-family:Calibri; mso-ansi-language:EN;mso-fareast-language:EN-US;mso-bidi-language:AR-SA">HTML tags similar to keywords which is surrounded by angle brackets, for example, for paragraph we can use HTML tag(<h1>). HTML tags mostly comes in pair like, <h1>, </h1></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">25</span> What is HTML Attribute</h4> </div> <div class="answer"> <p> <span lang="EN" style="font-size:11.0pt;font-family:Calibri; mso-fareast-font-family:"Times New Roman";mso-bidi-font-family:Calibri; mso-ansi-language:EN;mso-fareast-language:EN-US;mso-bidi-language:AR-SA">HTML attribute provide additional information to the HTML Elements. Attributes are always specified in the start tag.</span></p> <p><span lang="EN" style="font-size:11.0pt;font-family:Calibri; mso-fareast-font-family:"Times New Roman";mso-bidi-font-family:Calibri; mso-ansi-language:EN;mso-fareast-language:EN-US;mso-bidi-language:AR-SA"> For example, <font size=”5” color=”green”>, here size and color are html attributes.</span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">26</span> . Do all HTML tags come in pair</h4> </div> <div class="answer"> <p> <span style="font-family: Calibri; font-size: 11pt; line-height: 115%;">No, there are single HTML tags that does not need a closing tag.</span><br /> <span lang="EN" style="font-size:11.0pt;font-family:Calibri;mso-fareast-font-family: "Times New Roman";mso-bidi-font-family:Calibri;mso-ansi-language:EN;mso-fareast-language: EN-US;mso-bidi-language:AR-SA"> Examples are the <br> tag and <img>  tags</span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">27</span> What are Block-level Elements</h4> </div> <div class="answer"> <p> <span style="font-family: Calibri; font-size: 11pt; line-height: 115%;">A block-level element always starts on a new line and takes entire space of its parent element (container).</span><br /> <span lang="EN" style="font-size:11.0pt;font-family:Calibri;mso-fareast-font-family: "Times New Roman";mso-bidi-font-family:Calibri;mso-ansi-language:EN;mso-fareast-language: EN-US;mso-bidi-language:AR-SA">Browsers typically display the block-level element with new line and takes up the full width.</span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">Examples of block-level elements:<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><div><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><h1> - <h6><o:p></o:p></span></p> <p> </p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><p></p><o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">28</span> What are Inline Elements</h4> </div> <div class="answer"> <p> <span style="font-family: Calibri; font-size: 11pt; line-height: 115%;">An inline element does not start on a new line and only takes up the space bounded by the tags that define the inline element.</span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">Example:<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><span></span><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><a></a><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><img><o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">29</span> What is HTML</h4> </div> <div class="answer"> <p> <span lang="EN" style="font-size:11.0pt;font-family:Calibri; mso-fareast-font-family:"Times New Roman";mso-bidi-font-family:Calibri; mso-ansi-language:EN;mso-fareast-language:EN-US;mso-bidi-language:AR-SA">HTML stands for HyperText Markup Language. Markup language is used for creating websites and anything that can be viewed in a web browser. The markup tells the Web browser how to display a Web page's words , images and content for the user.</span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">HTML is a set of Markup tags:<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">A markup language is a set of markup tags<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">Eample:<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><html><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">  <head><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">       <title>Page Title</title><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">  </head><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><body><o:p></o:p></span></p> <p class="MsoNormal" style="margin-top:0in;margin-right:0in;margin-bottom:10.0pt; margin-left:.5in;line-height:115%;mso-pagination:none;mso-layout-grid-align: none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height: 115%;font-family:Calibri;mso-bidi-font-family:Calibri;mso-ansi-language:EN"><h1>My First Heading</h1><o:p></o:p></span></p> <p class="MsoNormal" style="margin-top:0in;margin-right:0in;margin-bottom:10.0pt; margin-left:.5in;line-height:115%;mso-pagination:none;mso-layout-grid-align: none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height: 115%;font-family:Calibri;mso-bidi-font-family:Calibri;mso-ansi-language:EN"><p>My first paragraph.</p><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"></body><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"></html><o:p></o:p></span></p> <p> </p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">The start <> tag is called the opening tag. The end</> tag is called the closing tag.<o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">30</span> How to display right to left text in bidirectional text supporting browser</h4> </div> <div class="answer"> <p> <span style="font-family: Calibri; font-size: 11pt; line-height: 115%;">: <body dir="trl">Text should go in opposite direction</body></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">31</span> How to create emails links</h4> </div> <div class="answer"> <p> <span style="font-family: Calibri; font-size: 11pt; line-height: 115%;">To HTML create email links using <a href></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">Example:<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><a href="mailto:youremail@domain.com">Send Email</a><o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">32</span> What is Responsive Web Design</h4> </div> <div class="answer"> <p> <span lang="EN" style="font-size:11.0pt;font-family:Calibri; mso-fareast-font-family:"Times New Roman";mso-bidi-font-family:Calibri; mso-ansi-language:EN;mso-fareast-language:EN-US;mso-bidi-language:AR-SA">Responsive Web Design makes your web page look good and suitable to work on every device and every screen size, no matter how large or small, mobile or desktop</span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">33</span> What is HTML5</h4> </div> <div class="answer"> <p> <span lang="EN" style="font-size:11.0pt;font-family:Calibri; mso-fareast-font-family:"Times New Roman";mso-bidi-font-family:Calibri; mso-ansi-language:EN;mso-fareast-language:EN-US;mso-bidi-language:AR-SA">HTML5 is the fifth major revision of the standard that defines Hypertext Markup Language (HTML). One of the design goals for HTML5 is to support for multimedia on mobile devices. Other new features in HTML5 include specific functions for embedding graphics, audio, video, and interactive documents</span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">34</span> Difference between HTML and HTML5</h4> </div> <div class="answer"> <p> <span style="font-family: Calibri; font-size: 11pt; line-height: 115%;">In HTML 4.01, the <!DOCTYPE> declaration refers to a DTD, because HTML 4.01 was based on SGML. The DTD specifies the rules for the markup language, so that the browsers render the content correctly.</span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">HTML5 is not based on SGML, and therefore does not require a reference to a DTD.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"> </span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">New HTML5 Elements:<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">New semantic elements like <header>, <footer>, <article>, and <section>.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">New form control attributes like number, date, time, calendar, and range.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">New graphic elements: <svg> and <canvas>.<o:p></o:p></span></p> <p><span lang="EN" style="font-size:11.0pt;font-family:Calibri;mso-fareast-font-family: "Times New Roman";mso-bidi-font-family:Calibri;mso-ansi-language:EN;mso-fareast-language: EN-US;mso-bidi-language:AR-SA">New multimedia elements: <audio> and <video></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">35</span> Differences Between HTML 4.01 and HTML5</h4> </div> <div class="answer"> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><strong><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">HTML 4.01</span></strong><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">1. Audio and Video are not part of HTML4 specification. <o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">2. Vector Graphics is possible with the help of technologies such as VML, Silverlight, Flash etc. <o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">3. It is almost impossible to get true GeoLocation of user browsing any website especially if it comes to mobile devices.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">4. Browser cache can be used as temporary storage. <o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">5. Does not allow JavaScript to run in browser. JS runs in same thread as browser interface.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">6. Works with all old browsers <o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"> </span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><strong><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">HTML5</span></strong><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">1.  Audio and Videos are integral part of HTML5 specifications e.g. <audio> and<video> tags. <o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">2.  Vector graphics is integral part of HTML5 e.g.SVG and canvas<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">3.  JS GeoLocation API in HTML5 helps identify location of user browsing any website (provided user allows it)<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">4.  Application Cache, Web SQL database and Web storage is available as client side storage. Accessible using JavaScript interface in HTML5 compliant browsers.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">5.  Allows JavaScript to run in background. This is possible due to JS Web worker API in HTML5<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">6.  Most of modern browser have started supporting HTML5 specification e.g. Firefox, Mozilla, Opera, Chrome, Safari etc.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">36</span> How to define doctype in HTML5</h4> </div> <div class="answer"> <p> <span style="font-family: Calibri; font-size: 11pt; line-height: 115%;"><!DOCTYPE html></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><html><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><head><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">                  <title>Doctype declaration in HTML5</title><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"></head><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"><body><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">                <h1>My First Heading</h1><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">                <p>My first paragraph.</p><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"></body><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN"></html><o:p></o:p></span></p> </div> </li> <li> <div class="question"> <h4><span class="q-number">37</span> Define HTML5 Elements as Block Elements</h4> </div> <div class="answer"> <p> <span style="font-family: Calibri; font-size: 11pt; line-height: 115%;">Example:</span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">header, section, footer, aside, nav, main, article, figure {<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">    display: block; <o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:10.0pt;line-height:115%;mso-pagination: none;mso-layout-grid-align:none;text-autospace:none"><span lang="EN" style="font-size:11.0pt;line-height:115%;font-family:Calibri;mso-bidi-font-family: Calibri;mso-ansi-language:EN">}<o:p></o:p></span></p> </div> </li> </ul> <!-- Facebook Comment Box Start ----> <div class="fb-comments" data-href="http://www.letsknowit.com/html-interview-questions" data-width="500" data-num-posts="10"></div> <!-- Facebook Comment Box End ----> </div> </div> <div id="page-wrapper"> <div class="container"> <div class="fb-like"> <h3>Find Us on facebook !</h3> <div class="fb-like-box" data-href="https://www.facebook.com/letsknowit" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="true"> </div> </div> <div id="sidebar"> <h3>Related Topics</h3> <ul class="style3"> <li class="first"> <p ><a href="php-questions">PHP Interview Questions</a></p> </li> <li> <p><a href="magento-questions">Magento Interview questions</a></p> </li> </ul> <h3>Popular Topics</h3> <ul class="style3"> <li class="first"> <p><a href="php-questions">PHP Interview Questions</a></p> </li> <li> <p><a href="reasoning">Logical Reasoning Questions</a></p> </li> <li> <p><a href="farewell-to-orkut">Farewell To Orkut</a></p> </li> <li> <p><a href="letsknow-php">PHP</a></p> </li> </ul> </div> </div> </div> </div> <!-- styles needed by Slider --> <script src="https://letsknowit-cdn.sfo3.cdn.digitaloceanspaces.com/common/lib/jquery.min.js"></script> <script src="https://letsknowit-cdn.sfo3.cdn.digitaloceanspaces.com/common/js/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <script src="https://letsknowit-cdn.sfo3.cdn.digitaloceanspaces.com/common/js/jquery-ui.min.js"></script> <script src="https://letsknowit-cdn.sfo3.cdn.digitaloceanspaces.com/common/js/owl.carousel.min.js" defer></script> <script src="https://letsknowit-cdn.sfo3.cdn.digitaloceanspaces.com/common/js/custom.js?v=3.11"></script> <script src="https://letsknowit-cdn.sfo3.cdn.digitaloceanspaces.com/common/js/jquery.validate.min.js"></script> <script> $(document).ready(function(){ $('.toast').toast('show'); $(".livesearch").keyup(function(){ var words = $(this).val(); if(words.length > 2) { searchsuggestion(words); } }); $(".livesearch").focus(function(){ var words = $(this).val(); if(words.length > 2) { searchsuggestion(words); } else { $(".suggesstion-box").css({ "opacity": "1", "z-index": "99" }).delay(100) ; $(".suggesstion-box").load("https://www.letsknowit.com/common/inc/searchsuggestion.php"); } }); $(document).mouseup(function (e){ var container = $(".livesearch"); if (!container.is(e.target) && container.has(e.target).length === 0){ $(".suggesstion-box").css({ "opacity": "0", "z-index": "-1" }).delay(100) ; } }); $("#form-business-category-text").focus(function(){ var words = $(this).val(); if(words.length <= 2) { $("#categorySuggestion").css({ "opacity": "1", "z-index": "99" }).delay(100) ; $("#categorySuggestion").load("https://www.letsknowit.com/common/inc/categorysuggestion.php"); } }); }); function searchsuggestion(keywords) { $.ajax({ type: "POST", url: "https://www.letsknowit.com/websearch.php", data:'keyword='+keywords, beforeSend: function(){ $(".livesearch").css("background","url(LoaderIcon.gif) no-repeat center 165px"); }, success: function(data){ $(".suggesstion-box").css({ "opacity": "1", "z-index": "99" }).delay(100); $(".suggesstion-box").html(data); $(".search-box").css("background","#FFF"); } }); } </script> <div class="clearfix"></div> <!--============Footer Start==============--> <!---<section id="add-your-business" class="mt-0"> <div class="container add-your-business py-3 text-light"> <div class="row"> <div class="col-12"> <h4 class="h5 font-weight-normal mb-0"> Ad content line 1. <br> For more queries and news, contact us at: <a href="mailto:info@letsknowit.com" style="color:#fff;text-decoration:underline;font-weight:600;font-size: 1rem;"> info@mashablepartners.com </a> </h4> </div> </div> </div> </section>--> <footer class="pb-4 bg-dark"> <div class="container"> <div class="row"> <div class="col-12"> <div class="foot_col"> <h4 class="pb-4">Listing Categories</h4> <div class="listing-cat"> <ul class="px-0 px-md-5"> <li><a href="https://www.letsknowit.com/dj-in-varanasi">DJ in Varanasi</a></li> <li><a href="https://www.letsknowit.com/disc-jockey">DJ|Music Producer</a></li> <li><a href="https://www.letsknowit.com/astrology-services">Astrology Services</a></li> <li><a href="https://www.letsknowit.com/html-development-services">HTML Development services</a></li> <li><a href="https://www.letsknowit.com/opencart-development-services">Opencart Development Services</a></li> <li><a href="https://www.letsknowit.com/react-native-app-development-services">React Native App Development Services</a></li> <li><a href="https://www.letsknowit.com/ios-app-development-services">IOS App Development Services</a></li> <li><a href="https://www.letsknowit.com/asp-dotnet-development">ASP.NET Development</a></li> <li><a href="https://www.letsknowit.com/laravel-development-services">Laravel Development Services</a></li> <li><a href="https://www.letsknowit.com/content-marketing-services">Content marketing services</a></li> </ul> <ul class="px-0 px-md-5"> <li><a href="https://www.letsknowit.com/phonegap-development-services">PhoneGap Development Services</a></li> <li><a href="https://www.letsknowit.com/magento2-blog-extensions">Magento 2 Blog Extensions</a></li> <li><a href="https://www.letsknowit.com/android-app-development-services">Android App Development Services</a></li> <li><a href="https://www.letsknowit.com/salesforce-development-services">Salesforce Development Services</a></li> <li><a href="https://www.letsknowit.com/bigcommerce-development-services ">BigCommerce Development Services </a></li> <li><a href="https://www.letsknowit.com/shopify-development-services">Shopify Development Services</a></li> <li><a href="https://www.letsknowit.com/digital-marketing">Digital Marketing</a></li> <li><a href="https://www.letsknowit.com/seo-and-smo-services">SEO and SMO services</a></li> <li><a href="https://www.letsknowit.com/web-designing-and-development">Web Designing And Development</a></li> <li><a href="https://www.letsknowit.com/magento2-store-pickup">Magento2 Store Pick Up</a></li> </ul> <ul class="px-0 px-md-5"> <li><a href="https://www.letsknowit.com/magento2-mobile-app-builder">Magento 2 Mobile App Builder</a></li> <li><a href="https://www.letsknowit.com/social-login-magento-2">Social Login For Magento 2</a></li> <li><a href="https://www.letsknowit.com/Magento-2-development-services">Magento 2 Development Services</a></li> <li><a href="https://www.letsknowit.com/magento2-upgrade-services">Magento 2 Upgrade Services</a></li> <li><a href="https://www.letsknowit.com/magento2-india-gst-extension">Magento2 India GST extension</a></li> <li><a href="https://www.letsknowit.com/magento2-paypal-multi-currency-extenions">Magento 2 PayPal Multi Currency Extensions</a></li> <li><a href="https://www.letsknowit.com/magento2-sms-notification-extension">Magento 2 SMS Notification extension</a></li> </ul> </div> </div> </div> </div> </div> </footer> <footer> <div class="container container_home"> <div class="row"> <div class="col-sm-4 col-lg-2 col-6"> <div class="foot_col"> <h6>Support</h6> <ul> <li><a href="https://www.letsknowit.com/">Home</a></li> <li><a href="https://www.letsknowit.com/login">User Login</a></li> <li><a href="https://www.letsknowit.com/company-login">Business Login</a></li> <li><a href="https://www.letsknowit.com/company-register">List Business</a></li> <li><a href="https://www.letsknowit.com/aboutus">About Us</a></li> <li><a href="https://www.letsknowit.com/faq">FAQs</a></li> <li><a href="https://www.letsknowit.com/services">Services</a></li> </ul> </div> </div> <div class="col-sm-4 col-lg-2 col-6"> <div class="foot_col"> <h6>Tools</h6> <ul> <li><a href="https://www.letsknowit.com/encode-base64">Encode To Base64</a></li> <li><a href="https://www.letsknowit.com/decode-base64">Decode From Base64</a></li> <li><a href="https://www.letsknowit.com/website-audit">Website Audit</a></li> </ul> </div> </div> <div class="col-sm-4 col-lg-4 mob-none"> <div class="foot_col"> <h6>Company Info</h6> <address> <p> <i class="fa fa-map-marker"></i><strong>Address</strong> : Varanasi 221003, Uttar Pradesh, India </p> <p> <i class="fa fa-envelope"></i><strong>Email</strong> :<a href="mailto:info@letsknowit.com"> info@letsknowit.com</a> </p> </address> </div> </div> <div class="col-sm-12 col-lg-4"> <div class="row"> <div class="col-12 col-sm-6 col-md-12 col-lg-12"> <link rel="stylesheet" href="https://www.letsknowit.com/common/css/footer-trust.css?v=1.1" /> <div class="foot_col partner lkit-trust"> <h6>Trust &amp; Assurance</h6> <ul class="lkit-trust-badges" aria-label="Platform trust signals"> <li class="lkit-trust-badge"> <span class="lkit-trust-badge__icon lkit-trust-badge__icon--ssl" aria-hidden="true"><i class="fa fa-lock"></i></span> <span class="lkit-trust-badge__copy"> <strong>SSL Secured</strong> <span>Encrypted &amp; protected connection</span> </span> </li> <li class="lkit-trust-badge"> <span class="lkit-trust-badge__icon lkit-trust-badge__icon--ai" aria-hidden="true"><i class="fa fa-magic"></i></span> <span class="lkit-trust-badge__copy"> <strong>AI Powered Platform</strong> <span>Smarter tools for business growth</span> </span> </li> <li class="lkit-trust-badge"> <span class="lkit-trust-badge__icon lkit-trust-badge__icon--india" aria-hidden="true"><i class="fa fa-map-marker"></i></span> <span class="lkit-trust-badge__copy"> <strong>Made in India</strong> <span>Built with pride for global businesses</span> </span> </li> </ul> </div> </div> <div class="col-12 col-sm-6 col-md-12 col-lg-12"> <div class="foot_col newsletter"> <h6>Subscription</h6> <form name="newsletterform" id="newsletterform" action="contact_action.php" method="post"> <input type="hidden" name="formtype" value="newsletter"> <div class="form-group"> <input type="hidden" name="formtype" value="newsletter"> <input type="text" name="subscriberEmail" class="form-control" id="subscriberEmail" placeholder="Enter your Email Id" onclick="javascript:if(this.value=='Enter Your Email Id' ||this.value=='Invalid Email Id' ) { this.value=''}"> <button type="submit" class="btn btn-secondary" value="Submit">Subscribe</button> <div id="newsletterloader" style="display:none;"> <img src="images/ajaxLoader.gif" class="ajax-loader"> </div> </div> </form> <div id="subscribemessage"> </div> </div> </div> </div> </div> </div> </div> <div class="footer_copyright"> <div class="container"> <div class="legal-content"> <p class="connect"> Connect with us on &nbsp; <a href="https://twitter.com/letsKnow_it"> <svg width="30px" height="30px" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 510 510"> <path d="M459,0H51C22.95,0,0,22.95,0,51v408c0,28.05,22.95,51,51,51h408c28.05,0,51-22.95,51-51V51C510,22.95,487.05,0,459,0z M400.35,186.15c-2.55,117.3-76.5,198.9-188.7,204C165.75,392.7,132.6,377.4,102,359.55c33.15,5.101,76.5-7.649,99.45-28.05 c-33.15-2.55-53.55-20.4-63.75-48.45c10.2,2.55,20.4,0,28.05,0c-30.6-10.2-51-28.05-53.55-68.85c7.65,5.1,17.85,7.65,28.05,7.65 c-22.95-12.75-38.25-61.2-20.4-91.8c33.15,35.7,73.95,66.3,140.25,71.4c-17.85-71.4,79.051-109.65,117.301-61.2 c17.85-2.55,30.6-10.2,43.35-15.3c-5.1,17.85-15.3,28.05-28.05,38.25c12.75-2.55,25.5-5.1,35.7-10.2 C425.85,165.75,413.1,175.95,400.35,186.15z"/> </svg> </a> <a href="https://www.facebook.com/letsknowit"> <svg width="30px" height="30px" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 60.734 60.733"> <path d="M57.378,0.001H3.352C1.502,0.001,0,1.5,0,3.353v54.026c0,1.853,1.502,3.354,3.352,3.354h29.086V37.214h-7.914v-9.167h7.914 v-6.76c0-7.843,4.789-12.116,11.787-12.116c3.355,0,6.232,0.251,7.071,0.36v8.198l-4.854,0.002c-3.805,0-4.539,1.809-4.539,4.462 v5.851h9.078l-1.187,9.166h-7.892v23.52h15.475c1.852,0,3.355-1.503,3.355-3.351V3.351C60.731,1.5,59.23,0.001,57.378,0.001z"/> </svg> </a> <a href="https://www.linkedin.com/company/letsknowit-com"> <svg width="30px" height="30px" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 430.117 430.118"> <path d="M398.355,0H31.782C14.229,0,0.002,13.793,0.002,30.817v368.471 c0,17.025,14.232,30.83,31.78,30.83h366.573c17.549,0,31.76-13.814,31.76-30.83V30.817C430.115,13.798,415.904,0,398.355,0z M130.4,360.038H65.413V165.845H130.4V360.038z M97.913,139.315h-0.437c-21.793,0-35.92-14.904-35.92-33.563 c0-19.035,14.542-33.535,36.767-33.535c22.227,0,35.899,14.496,36.331,33.535C134.654,124.415,120.555,139.315,97.913,139.315z M364.659,360.038h-64.966V256.138c0-26.107-9.413-43.921-32.907-43.921c-17.973,0-28.642,12.018-33.327,23.621 c-1.736,4.144-2.166,9.94-2.166,15.728v108.468h-64.954c0,0,0.85-175.979,0-194.192h64.964v27.531 c8.624-13.229,24.035-32.1,58.534-32.1c42.76,0,74.822,27.739,74.822,87.414V360.038z M230.883,193.99 c0.111-0.182,0.266-0.401,0.42-0.614v0.614H230.883z"/> </svg> </a> </p> <!-- <p>Our Partner&nbsp; : &nbsp; <a href="https://in.jooble.org" target="blank"> <img src="https://in.jooble.org/css/images/jooble_cvp.svg" alt="jooble"> </a></p> --> <ul> <li><a href="https://www.letsknowit.com/contact">Contact Us</a> &nbsp; | &nbsp;</li> <li><a href="https://www.letsknowit.com/faq">FAQs</a> &nbsp; | &nbsp;</li> <li><a href="https://www.letsknowit.com/terms-and-conditions">Term &amp; Conditions</a> &nbsp; | &nbsp;</li> <li><a href="https://www.letsknowit.com/privacy-policy">Privacy Policy</a> &nbsp; | &nbsp;</li> <li><p>Copyrights © 2026 All Rights Reserved by LetsknowIT</p> </li> </ul> </div> </div> </div> </footer> <!--============Footer End==============--> <div style="display: none;" class="legal-popup" id="term-content"> </div> <div id="pushyOverlay1" class=""></div> <script type="text/javascript"> $(document).ready( /* This is the function that will get executed after the DOM is fully loaded */ function () { /* Next part of code handles hovering effect and submenu appearing */ $('.nav li').hover( function () { //appearing on hover $('ul', this).fadeIn(); }, function () { //disappearing on hover $('ul', this).fadeOut(); } ); } ); </script> <script type='text/javascript'> /* attach a submit handler to the form */ $("#newsletterform").submit(function(event) { /* stop form from submitting normally */ event.preventDefault(); var str= $('#subscriberEmail').val(); var filter=/^.+@.+\..{2,3}$/; var errorFlag = 0; if($('#subscriberEmail').val() == '' || $('#subscriberEmail').val() == 'Enter Your Email') { $('#subscriberEmail').val("Enter Your Email"); $('#subscriberEmail').css("border-color", "#e35152"); errorFlag = 1; } else if(filter.test(str)) { $('#subscriberEmail').css("border-color", "#ccffcc"); } else { $('#subscriberEmail').val("Invalid Email Id"); $('#subscriberEmail').css("border-color", "#e35152"); errorFlag = 1; } if(errorFlag == 1) { return false; } else { //var $form = $( this ), /* Send the data using post */ var data = 'formtype=newsletter&subscriberEmail='+str; $('#newsletterform').css('opacity', '0.5'); $('#newsletterloader').show(); $.ajax({ type: "POST", url: "contact_action.php", data: data, dataType: 'json', success: function(data) { if(data==1) { setTimeout(function(){ document.getElementById("newsletterform").reset(); var message='Thankyou for subscribing!!.'; $('#subscribemessage').html('<div class="subscribetextsucess">'+message+'</div>'); var message=''; $('#newsletterloader').hide(); $('#newsletterform').css('opacity', '1'); }, 2000); return true; } else { var message='Sorry!! user is already subscribed.'; $('#subscribemessage').html('<div class="subscribetextfail">'+message+'</div>'); $('#newsletterloader').hide(); $('#newsletterform').css('opacity', '1'); return false; } } }); } /* get some values from elements on the page: */ }); $(document).ready(function() { $().fancybox({ selector : '[data-fancybox="images"]', loop : false, protect: true, maxWidth : 800, maxHeight : 600, width : '100%', height : '40%' }); }); $(document).on("scroll", function () { if ($(document).scrollTop() > 300) { $(".footer-logins").addClass("show-on-device"); } else { $(".footer-logins").removeClass("show-on-device"); } }); $(window).load(function() { $("#pageloader").fadeOut("slow"); }); </script> <script type="text/javascript" src="https://www.letsknowit.com/common/dist/jquery.fancybox.min.js?v=2.1.5"></script> <script type="text/javascript"> (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','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-51349941-1', 'letsknowit.com'); ga('send', 'pageview'); </script> <!-- Source our javascript file with the jQUERY code --> <!-- Go to www.addthis.com/dashboard to customize your tools --> <script> (function () { if (!('serviceWorker' in navigator)) return; var swUrl = 'https://www.letsknowit.com/sw.js'; var scope = 'https://www.letsknowit.com/'; window.addEventListener('load', function () { navigator.serviceWorker.register(swUrl, { scope: scope }).catch(function () {}); }); })(); </script> <!--<a class="various fancybox.ajax" data-type="ajax" href="javascript:;" id="popupweb" data-fancybox="IndependenceDay" data-src="promotion/popup/">POP</a>--> <!-- Tawk.to disabled — replaced by support-chat widget --> <link rel="stylesheet" href="https://www.letsknowit.com/common/css/support-chat.css?v=1.5" /> <script> window.LKIT_SUPPORT = { aiUrl: "https:\/\/www.letsknowit.com\/support_chat_action.php", ticketUrl: "https:\/\/www.letsknowit.com\/support_ticket_action.php", guestPostUrl: "https:\/\/www.letsknowit.com\/support_guest_post_action.php", searchUrl: "https:\/\/www.letsknowit.com\/search_api.php", siteRoot: "https:\/\/www.letsknowit.com\/", loginUrl: "https:\/\/www.letsknowit.com\/company-login", signupUrl: "https:\/\/www.letsknowit.com\/company-signup", pricingUrl: "https:\/\/www.letsknowit.com\/pricing", settingsUrl: "https:\/\/www.letsknowit.com\/settings", editCompanyUrl: "https:\/\/www.letsknowit.com\/edit-company", editProfileUrl: "https:\/\/www.letsknowit.com\/settings", paymentUrl: "https:\/\/www.letsknowit.com\/payment.php", loggedIn: false}; </script> <div class="lkit-support-chat" id="lkit-support-chat" aria-live="polite"> <button type="button" class="lkit-support-chat__fab" id="lkit-support-fab" aria-expanded="false" aria-controls="lkit-support-panel" title="Help"> <span class="lkit-support-chat__fab-icon" aria-hidden="true">?</span> <span class="lkit-support-chat__fab-label">Help</span> </button> <div class="lkit-support-chat__panel" id="lkit-support-panel" role="dialog" aria-labelledby="lkit-support-title" hidden> <header class="lkit-support-chat__header"> <div> <strong id="lkit-support-title">letsknowit Help</strong> <p>Choose a topic or ask a question</p> </div> <button type="button" class="lkit-support-chat__close" id="lkit-support-close" aria-label="Close help">&times;</button> </header> <div class="lkit-support-chat__body" id="lkit-support-body"> <div class="lkit-support-chat__messages" id="lkit-support-messages"></div> <div class="lkit-support-chat__menu" id="lkit-support-menu"> <button type="button" class="lkit-support-chat__opt" data-opt="search">1. Search businesses</button> <button type="button" class="lkit-support-chat__opt" data-opt="account_access">2. Account Access Related Issue</button> <button type="button" class="lkit-support-chat__opt" data-opt="ticket">3. Create ticket</button> <button type="button" class="lkit-support-chat__opt" data-opt="payment">4. Unable to process payment</button> <button type="button" class="lkit-support-chat__opt" data-opt="guest_post">5. Enquiry about guest post</button> </div> <div class="lkit-support-chat__menu lkit-support-chat__submenu" id="lkit-support-account-menu" hidden> <p class="lkit-support-chat__submenu-title">Account Access Related Issue</p> <button type="button" class="lkit-support-chat__opt" data-opt="login">1. Login issue</button> <button type="button" class="lkit-support-chat__opt" data-opt="logo">2. Not able to update logo/cover photo</button> <button type="button" class="lkit-support-chat__opt" data-opt="login_signup">3. Login / Sign up</button> <button type="button" class="lkit-support-chat__back" data-back-main>Back to main menu</button> </div> <div class="lkit-support-chat__search" id="lkit-support-search" hidden> <form id="lkit-support-search-form" autocomplete="off"> <label> <span>What are you looking for?</span> <input type="text" name="q" id="lkit-search-q" required maxlength="120" placeholder="e.g. dentist, restaurant, plumber" /> </label> <label> <span>City (optional)</span> <input type="text" name="city" id="lkit-search-city" maxlength="80" placeholder="e.g. Delhi, Varanasi" /> </label> <div class="lkit-support-chat__ticket-actions"> <button type="button" class="lkit-support-chat__back" data-back>Back to menu</button> <button type="submit" class="lkit-support-chat__submit">Search</button> </div> </form> </div> <div class="lkit-support-chat__guest-confirm" id="lkit-support-guest-confirm" hidden> <p class="lkit-support-chat__guest-prompt">Would you like me to send a guest post enquiry email for you?</p> <div class="lkit-support-chat__guest-actions"> <button type="button" class="lkit-support-chat__submit" id="lkit-guest-yes">Yes, send enquiry</button> <button type="button" class="lkit-support-chat__ghost" id="lkit-guest-no">No, thanks</button> </div> <button type="button" class="lkit-support-chat__back" data-back>Back to menu</button> </div> <div class="lkit-support-chat__guest" id="lkit-support-guest" hidden> <form id="lkit-support-guest-form" autocomplete="on"> <label> <span>Name <em>*</em></span> <input type="text" name="name" required maxlength="100" placeholder="Your full name" /> </label> <label> <span>Email <em>*</em></span> <input type="email" name="email" required maxlength="150" placeholder="you@company.com" /> </label> <label> <span>Company (optional)</span> <input type="text" name="company" maxlength="150" placeholder="Company name" /> </label> <input type="text" name="website" class="lkit-support-chat__hp" tabindex="-1" autocomplete="off" aria-hidden="true" /> <div class="lkit-support-chat__ticket-actions"> <button type="button" class="lkit-support-chat__back" data-back>Back to menu</button> <button type="submit" class="lkit-support-chat__submit">Send enquiry</button> </div> </form> </div> <div class="lkit-support-chat__ticket" id="lkit-support-ticket" hidden> <form id="lkit-support-ticket-form" autocomplete="on"> <label> <span>Name</span> <input type="text" name="name" required maxlength="100" /> </label> <label> <span>Email</span> <input type="email" name="email" required maxlength="150" /> </label> <label> <span>Subject</span> <input type="text" name="subject" id="lkit-ticket-subject" required maxlength="150" value="Support request" /> </label> <label> <span>Message</span> <textarea name="message" rows="4" required maxlength="4000" placeholder="Describe your issue…"></textarea> </label> <input type="text" name="website" class="lkit-support-chat__hp" tabindex="-1" autocomplete="off" aria-hidden="true" /> <div class="lkit-support-chat__ticket-actions"> <button type="button" class="lkit-support-chat__back" data-back>Back to menu</button> <button type="submit" class="lkit-support-chat__submit">Send ticket</button> </div> </form> </div> </div> <footer class="lkit-support-chat__footer"> <button type="button" class="lkit-support-chat__back lkit-support-chat__back--footer" id="lkit-support-back" hidden>Back to menu</button> <form class="lkit-support-chat__ask" id="lkit-support-ask" autocomplete="off"> <input type="text" id="lkit-support-input" name="q" maxlength="1000" placeholder="Ask another question…" aria-label="Ask a question" /> <button type="submit" aria-label="Send">Send</button> </form> </footer> </div> </div> <script src="https://www.letsknowit.com/common/js/support-chat.js?v=1.5" defer></script> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-51e12f0958aea59a"></script> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script><script> CKEDITOR.replace( 'answerbox', { width: '100%', height: 90 } ); $( "#addQ").click(function() { window.location.assign("login") }); </script> </body> </html>