HTML TUTORIALS - HTML Layouts
HTML Layouts
ADVERTISEMENTS
<table width="100%" border="0">
<tr>
<td colspan="2" style="background-color:#CC99FF;">
<h1>This is Web Page Main title</h1>
</td>
</tr>
<tr valign="top">
<td style="background-color:#FFCCFF;
width:100px;text-align:top;">
<b>Main Menu</b><br />
HTML<br />
PHP<br />
PERL...
</td>
<td style="background-color:#eeeeee;height:200px;
width:300px;text-align:top;">
Technical and Managerial Tutorials
</td>
</tr>
<tr>
<td colspan="2" style="background-color:#CC99FF;">
<center>
Copyright © 2007 .com
</center>
</td>
</tr>
</table>
|
ADVERTISEMENTS
This is Web Page Main title
|
Main Menu
HTML
PHP
PERL...
|
Technical and Managerial Tutorials
|
Copyright © 2007 .com
|
|
ADVERTISEMENTS
<table width="100%" border="0">
<tr valign="top">
<td style="background-color:#FFCCFF;width:20%;
text-align:top;">
<b>Main Menu</b><br />
HTML<br />
PHP<br />
PERL...
</td>
<td style="background-color:#eeeeee;height:200px;
width:60%;text-align:top;">
Technical and Managerial Tutorials
</td>
<td style="background-color:#FFCCFF;
width:20%;text-align:top;">
<b>Right Menu</b><br />
HTML<br />
PHP<br />
PERL...
</td>
</tr>
<table>
|
Main Menu
HTML
PHP
PERL...
|
Technical and Managerial Tutorials
|
Right Menu
HTML
PHP
PERL...
|
|
<div style="width:100%">
<div style="background-color:#CC99FF;">
<b style="font-size:150%">This is Web Page Main title</b>
</div>
<div style="background-color:#FFCCFF;
height:200px;width:100px;float:left;">
<b>Main Menu</b><br />
HTML<br />
PHP<br />
PERL...
</div>
<div style="background-color:#eeeeee;
height:200px;width:300px;float:left;">
Technical and Managerial Tutorials
</div>
<div style="background-color:#CC99FF;clear:both">
<center>
Copyright © 2007 .com
</center>
</div>
</div>
|
This is Web Page Main title
Main Menu
HTML
PHP
PERL...
Technical and Managerial Tutorials
Copyright © 2007 .com
|