A Title Link 1 Some text A picture Link 2 Link 3 Link 4   Link 1 | Link 2 | Link 3 | Link 4

100% 25% + 50% + 25% 100%

<!-- table for heading -> <table width="100%" border="1"> <tr> <td width="100%" align="center" valign="middle" colspan="3"> <h1>A Heading</h1> </td> </tr> </table>  

<!-- main table for body -> <table width="100%" border="1"> <tr> <td align="center" width="25%">Link 1</td>   <td width="50%" leftmargin="5" rowspan="4">The TABLE tag was introduced for displaying content in a tabular format. However, web developers soon discovered a hidden gem. They started utilising this tag for page layout, placing various objects in table cells to achieve a holistic page design.</td>  <td align="center" valign="center" width="25%" rowspan="4">A picture</td> </tr>  <td width="25%" align="center">Link 2</td> </tr> <td width="25%" align="center">Link 3</td> <td width="25%" align="center">Link 4</td> </table>

<!-- table for footer -> <table border="1">   <p> </table> <table width="100%"> <tr> <td align="center" colspan="3"> Link 1 | Link 2 | Link 3 | Link 4 </td> </tr>