Table Layout 3 - CoreLangs.com

Website layout with tables 3

The following picture shows an image of a simple website layout using html tables.

The top part is for displaying website logo and just after that display menu as horizontally. After that a wide content area part and bottom side is for footer area.

When you creates a website layout , it is better to avoid nested tables. Nesting tables can lead to complex tables layouts and increase in page load time.

The following HTML code give you what exactly shows in the picture. Copy and paste the following html code and save it as an html file.

HTML Source Code :

<html>
<body >
  <table border=2 bordercolor=red width=98% align=center>
    <tr><td align=center>
      <br><br>
        WEBSITE NAME
      <br><br>
    </td></tr>
    <tr><td align=center>
      <br>
        MENU
      <br>
    </td></tr>
  <tr>
    <td  align=center>
      <br><br><br><br><br><br><br><br><br><br><br>
        You Can write your main content here
      <br><br><br><br><br><br><br><br><br><br><br>
    </td>
  </tr>
  <tr><td align=center colspan=3>
    <br>
      FOOTER
    <br>
  </td></tr>
  </table>
</body>
</html>