Major mistakes in HTML

• Do not use Block elements inside the Inline elements

<a href=””><h3>Click Me</h3></a>        In Correct

<h3><a href=””>Click Me</a></h3>        Correct

• Do not avoid to insert ALT and TITLE tags in image and hyperlinks tags

<img src=”images/logo.png”>                     In Correct

<img src=”images/logo.png” title=”Some text” alt=”logo here”>                                             Correct

• Do not used LIST tags when its needed

<p>Nokia<br>Samsung<br>BlackBerry</p>

                                                                           In Correct

<ul>

    <li>Nokia</li><li>Samsung</li><li>BlackBerry</li>

</ul>

                                                                          Correct

• Avoid using too many BR </br> tags. Try to manage in margins

<p>Here some text</p>

<br><br><br>                                               In Correct

<p style=”margin-bottom:20px;”>Here some text</p>                                                          Correct

• Try to avoid inline css

<p style=”margin-bottom:20px;”>here some text</p>                                                                                          

                                                                                                 In Correct

<p id=”mbottom”>here some text</p>

<style>

    p#mbottom{margin-bottom:20px;}

</style>                                                          Correct

• Try to use HTML tags instead of CSS ID/Class selectors

<div id=”box”>

      <div id=”heading”>Here Heading</div>
<div id=”description”>Here description</div>

      <div id=”image”><img src=”images/services.png”></div>

</div>                                                           In Correct

<div id=”box”>

      <h4>Heading</h4>

      <p>here description</p>

      <img src=”images/services.png”>

</div>                                                         Correct