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 |