Tables Tutorial

All web pages contain tables and tables are the tags that you use for positioning the elements in your pageIn this tutorial you will learn to prepare your index page with tables

first lets make 3 columns the first one will be your menu area,the second will contain the instructions about yor page,and the third part will be for the sites update information and new things that you added to your page.

here are the codes for the table:

<table width="100%"><tr>
<td width="20%">k</td>
<td width="60%">k</td>
<td width="20%">k</td></tr></table>

then have some graphics for the navigation but you should optimize your graphics if you think the loading time of the page is more important for me,then make text links for your navigation menu.

instructions about your page(welcome to my site .in this site you will have some fun and you find some info... etc.

new..I have added some funny pics to my pics section

and here is the full code of the page:

<table width="100%"><tr>
<td width="20%"><table cellspacing="0"><tr><td><a href="menu3.html"><img src="men1.gif"></a></td></tr><tr><td><a href="menu3.html"><img src="men1.gif"></a></td></tr><tr><td><a href="menu3.html"><img src="men1.gif"></a></td></tr><tr><td><a href="menu3.html"><img src="men1.gif"></a></td></tr></table></td>
<td width="60%"><font color="5ea6kld">instructions about your page(welcome to my site .in this site you will have some fun and you find some info... etc.</font></td>
<td width="20%"><font color="5ea6ad">new..I have added some funny pics to my pics section</font></td></tr></table>

download this tutorial in a zip file!*!*!*!click!*!*!*!