ITSourceCode.com

We Exist to Provide 100% Free Source Code and Tutorials

Custom Search

36-HTML Layouts

HTML layout 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
Facebook Comments

Check Your Domain Ranking

Leave a Reply

Your email address will not be published. Required fields are marked *

ITSourceCode.com © 2016 Frontier Theme

Subscribe For Latest Updates

Signup for our newsletter and get notified when we publish new articles for free!