HTML Interview Questions and Answers

Question - 11 : - How do I align a table to the right (or left)?

Answer - 11 : - You can use

to float a table to the right. (Use ALIGN="left" to float it to the left.) Any content that follows the closing

tag will flow around the table. Use
or
to mark the end of the text that is to flow around the table, as shown in this example: The table in this example will float to the right. ...

This text will wrap to fill the available space to the left of (and if the text is long enough, below) the table.
This text will appear below the table, even if there is additional room to its left.

Question - 12 : - How can I use tables to structure forms?

Answer - 12 : - Small forms are sometimes placed within a TD element within a table. This can be a useful for positioning a form relative to other content, but it doesn't help position the form-related elements relative to each other. To position form-related elements relative to each other, the entire table must be within the form. You cannot start a form in one TH or TD element and end in another. You cannot place the form within the table without placing it inside a TH or TD element. You can put the table inside the form, and then use the table to position the INPUT, TEXTAREA, SELECT, and other form-related elements, as shown in the following example.

Account:
Password:

Question - 13 : - How do I center a table?

Answer - 13 : - In your HTML, use

...

In your CSS, use div.center { text-align: center; } div.center table { margin-left: auto; margin-right: auto; text-align: left; }

Question - 14 : - How do I use forms?

Answer - 14 : - The basic syntax for a form is:

When the form is submitted, the form data is sent to the URL specified in the ACTION attribute. This URL should refer to a server-side (e.g., CGI) program that will process the form data. The form itself should contain * at least one submit button (i.e., an element), * form data elements (e.g., ,

, and <SELECT>) as needed, and
* additional markup (e.g., identifying data elements, presenting instructions) as needed. 
</p>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<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><strong>Question - 15 : - <a target='_blank' href='How-can-I-check-for-errors.aspx'>How can I check for errors? 
</a></strong>
<p><b>Answer - 15</b> : - HTML validators check HTML documents against a formal definition of HTML syntax and then output a list of errors. Validation is important to give the best chance of correctness on unknown browsers (both existing browsers that you haven't seen and future browsers that haven't been written yet). 
HTML checkers (linters) are also useful. These programs check documents for specific problems, including some caused by invalid markup and others caused by common browser bugs. Checkers may pass some invalid documents, and they may fail some valid ones. 
All validators are functionally equivalent; while their reporting styles may vary, they will find the same errors given identical input. Different checkers are programmed to look for different problems, so their reports will vary significantly from each other. Also, some programs that are called validators (e.g. the "CSE HTML Validator") are really linters/checkers. They are still useful, but they should not be confused with real HTML validators. 
When checking a site for errors for the first time, it is often useful to identify common problems that occur repeatedly in your markup. Fix these problems everywhere they occur (with an automated process if possible), and then go back to identify and fix the remaining problems. 
Link checkers follow all the links on a site and report which ones are no longer functioning. CSS checkers report problems with CSS style sheets. </p>
<strong>Question - 16 : - <a target='_blank' href='Do-I-have-to-memorize-a-bunch-of-tags.aspx'>Do I have to memorize a bunch of tags? 
</a></strong>
<p><b>Answer - 16</b> : - No. Most programs that help you write HTML code already know most tags, and create them when you press a button. But you should understand what a tag is, and how it works. That way you can correct errors in your page more easily. 
</p>
<strong>Question - 17 : - <a target='_blank' href='How-do-I-make-a-form-so-it-can-be-submitted-by-hitting-ENTER.aspx'>How do I make a form so it can be submitted by hitting ENTER? 
</a></strong>
<p><b>Answer - 17</b> : - 
The short answer is that the form should just have one <INPUT TYPE=TEXT> and no TEXTAREA, though it can have other form elements like checkboxes and radio buttons.</p>
<strong>Question - 18 : - <a target='_blank' href='How-do-I-set-the-focus-to-the-first-form-field.aspx'>How do I set the focus to the first form field? 
</a></strong>
<p><b>Answer - 18</b> : - You cannot do this with HTML. However, you can include a script after the form that sets the focus to the appropriate field, like this: 
<form id="myform" name="myform" action=...>
<input type="text" id="myinput" name="myinput" ...>
</form>
<script type="text/javascript">
document.myform.myinput.focus();
</script> 
A similar approach uses <body onload=...> to set the focus, but some browsers seem to process the ONLOAD event before the entire document (i.e., the part with the form) has been loaded. 
</p>
<strong>Question - 19 : - <a target='_blank' href='How-can-I-eliminate-the-extra-space-after-a-lt-form-gt-tag.aspx'>How can I eliminate the extra space after a </form> tag? 
</a></strong>
<p><b>Answer - 19</b> : - HTML has no mechanism to control this. However, with CSS, you can set the margin-bottom of the form to 0. For example: 
<form style="margin-bottom:0;" action=...>
You can also use a CSS style sheet to affect all the forms on a page:
form { margin-bottom: 0 ; } </p>
<strong>Question - 20 : - <a target='_blank' href='How-can-I-nbsp-use-tables-to-structure-forms.aspx'>How can I  use tables to structure forms? 
</a></strong>
<p><b>Answer - 20</b> : - Small forms are sometimes placed within a TD element within a table. This can be a useful for positioning a form relative to other content, but it doesn't help position the form-related elements relative to each other. 
To position form-related elements relative to each other, the entire table must be within the form. You cannot start a form in one TH or TD element and end in another. You cannot place the form within the table without placing it inside a TH or TD element. You can put the table inside the form, and then use the table to position the INPUT, TEXTAREA, SELECT, and other form-related elements, as shown in the following example. 
<form action="[URL]">
<table border="0">
<tr>
<th scope="row">
<label for="account">Account:</label>
</th>
<td>
<input type="text" name="account" id="account">
</td>
</tr>
<tr>
<th scope="row">
<label for="password">Password:
</th>
<td>
<input type="password" name="password" id="password">
</td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Log On"></td>
</tr>
</table>
</form></p>
<div align="center">
<a href='HTML-Interview-Questions-and-Answers.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-2.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>

<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>

<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>

</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>

<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;"> </h3>
                                <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<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("ctl00$cmdShare", "", true, "share", "", 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"> </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>

var Page_ValidationActive = false;
if (typeof(ValidatorOnLoad) == "function") {
    ValidatorOnLoad();
}

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>

</body>
</html>