Site Map:

Home
About Me
Links
Graphics
Photoshop Tutorials
Java-Script Tutorials
HTML Tutorials
Contact Me

 

 

Basic Tables

Practically everything on this site is in a table.  Tables help organize your page.  Like on my Home Page , all of the updates are neatly organized in a table.  Here's how you make a table.

A Basic Table
Here is the code to make a table. <table border="2" Width="100" Height="200">    <tr>      <td>      hello      </td>    </tr> </table> Result:
hello

The first line of this code says to make a table, with a border of 2, the width to be 100, and the length 200.  The <tr> means to create a row.  Then the <td> means to create a column.  So it says to create a column within that row.  Then the text within that first column is put in-between the two td's.  

 

A Basic Table With More Than on Column and Row
Here is the code to make a table with more than one row and column. <table border="2" Width="100" Height="200">    <tr> <td>         This is the First Column. </td>         <td> This is the Second Column.         </td>    </tr>    <tr> <td>         This is the First Column In the Second Row. </td>         <td> This is the Second Column In the Second Row.         </td>    </tr> </table> Result:
This is the First Column. This is the Second Column.
This is the First Column In the Second Row. This is the Second Column In the Second Row.

Same thing as last time only this time I have two columns per row, and I have two rows.  But if you didn't put a column on the second row, then the empty one would just have nothing in it.

 

Centering a Table
Here is the code to Center a table.

<div align="center">   <table border="2" Width="100" Height="200">    <tr>      <td>      hello      </td>    </tr> </table> </div> Result:
hello

All you do is put the Div command in.  Instead of putting Center in you could put left or right.

 

Back | Next

Originally made on 10.26.02
Formally InLiner's Graphics and Tutorials