Basic HTML

Advance HTML

HTML Tags Reference

HTML Code Generator

HTML Resource


HTML Layout




Definition and Usage

HTML layout is advance topic to create a website layout using table. many websites achieved this HTML layout using tables.

Div tag using to create a website layout its easy to manage in compare of table tag using create layout. But still table is good to create a layout structure.

HTML Table with Layout

Create a layout using table is very popular method for design and develop. Layout structure contains Header part, Menu part, Contain part and Footer part involves.


Example-Code:

 <table width="500px" border="0">
  <tr>
    <td colspan="2" style="background-color:#FFFF00;height:30px;">
      Header Part
    </td>
  </tr>
  <tr>
    <td style="background-color:#a08029;width:120px;">
   Menu Part<br />
      List 1<br />
      List 2<br />
      List 3<br />
      List 4
    </td>
    <td style="background-color:#ff9900;height:200px;width:380px;">
      Main body Part
    </td>
  </tr>
  <tr>
    <td colspan="2" style="background-color:#000000;color:#ffffff;">
      Footer Part
    </td>
  </tr>
</table>

Layout Result:

Header Part
Menu Part
List 1
List 2
List 3
List 4
Main body Part
Footer Part