|
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:
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:
All you do is put the Div command in. Instead of putting Center in you could put left or right.
|
Back | Next
|