36-HTML Layouts

0
272

HTML layouts is very simple. No more existing options only the body tag alone. On the other hand, Tables are the main source of HTML layouts that any elements can be placed inside of it, including tables themselves.

Example:

<table id="wrap" bgcolor="gray" border="1" height="100" width="350">
 <tr>
 <td>
 <table id="pagewrap" bgcolor="white" height="50" width="350">
 <tr>
 <td>Table inside a table....</td>
 </tr>
 </table>
 </td>
 </tr>
</table>

Another example:

<table cellspacing=”1″ cellpadding=”0″ border=”0″
bgcolor=”black” id=”wrap” height=”350″ width=”500″>
<tr height=”60″>
<td colspan=”2″ bgcolor=”green” >
<table title=”Page Banner” id=”pbanner” border=”0″ >
<tr><td>Put a banner here</td></tr>
</table>
</td>
</tr>
<tr height=”250″>
<td bgcolor=”white”>
<table id=”tnav” title=”Menus” border=”0″>
<tr><td>menu 1</td></tr>
<tr><td>menu 1</td></tr>
<tr><td>menu 1</td></tr>
</table>
</td><td bgcolor=”white”>
<table title=”Table Content” id=”tcontent” border=”0″>
<tr><td>Add a content here</td></tr>
</table>
</td>
</tr>
</table>

 

 

Layout Result:

Put a banner here
menu 1
menu 1
menu 1
Add a content here

 

 

Readers might read also:

 

Facebook Comments
(Visited 24 times, 1 visits today)

LEAVE A REPLY

Please enter your comment!
Please enter your name here