HTML Layout

Definition

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

Layout create using HTML Table

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

<html>
<body>
  <table width="100%" 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>
</body>
</html>

Result

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