HTML layouts are very basic issues. The table is placed in the table by HTML

Layout is made.

** Currently the layout is made using the div element. Never make a layout with the table. The tutorial is provided so it is not deleted. The tutorial can be made by tables and all the layouts have been made in the same way only to learn this.

<table bgcolor="black" border="1" heigh="200" width="300">
<tr><td>
<table bgcolor="white" heigh="100" width="100">
<tr><td>Tables inside tables!</td></tr>
</table>
</td></tr></table>

Display: Table inside table

Tables inside tables!

HTML Standard Layout

Standard layouts are usually banners, navigation and content or display boxes located on top. These are

Good Web Site’s Features

<table cellspacing="1" cellpadding="0" border="0"
 bgcolor="black" height="250" width="400">
 <tr height="50"><td colspan="2" bgcolor="white">
 <table title="Banner" id="banner" border="0">
 <tr><td>Place a banner here</td></tr>
 </table>
 </td></tr>
 <tr height="200"><td bgcolor="white">
 <table title="Navigation" border="0">
 <tr><td>Links!</td></tr>
 <tr><td>Links!</td></tr>
 <tr><td>Links!</td></tr>
 </table>
 </td><td bgcolor="white">
 <table title="Content" id="content" border="0">
 <tr><td>Content goes here</td></tr>
 </table>
 </td></tr></table>

Display:

 

Links!
Links!
Links!
Content goes here

 

<table title="Shell" height="250" width="400"
 border="0" bgcolor="black" cellspacing="1" cellpadding="0">
 <tr height="50"><td bgcolor="white">
 <table title="banner" id="banner">
 <tr><td>Banner goes here</td></tr>
 </table>
 </td></tr>
 <tr height="25"><td bgcolor="white">
 <table title="Navigation" id="navigation">
 <tr><td>Links!</td>
 <td>Links!</td>
 <td>Links!</td></tr>
 </table>
 </td></tr>
 <tr><td bgcolor="white">
 <table title="Content" id="content">
 <tr><td>Content goes here</td></tr>
 </table>
 </td></tr></table>

Display:

 

Content goes here