Thank you for using our SharperMyspace tutorials! We are pleased to know that we have helped you in some way today. If you have any questions or concerns about our tutorials, please contact us.

Table Basics
Code	Description
<TABLE></TABLE>	Starts defining a table in HTML.
<TR></TR>	Starts a row within the table. You may use different attributes that will affect the entire row. ALIGN and VALIGN can be used.
<TD></TD>	Starts a cell within a row. Cells can use different attributes to define what the text in them will look like and how they are aligned. They are aligned to the left and centerered vertically by default.
<TH></TH>	Starts a header cell within a row. Header cells may also use different attributes to define what the text in them will look like and how they are aligned. The text is bold and centered by default.

Table Attributes
Attribute	Description
ALIGN (CENTER, LEFT, RIGHT)	Aligns the text horizontally.
VALIGN (MIDDLE, TOP, BOTTOM)	Aligns the text vertically.
NOWRAP	Turns off word wrap within the cell. (The text will go on and on and not go to a new line unless you do it manually.
ROWSPAN=	Changes the amount of rows the cell will span.
COLSPAN=	Changes the amount of columns the cell will span.
Note: Attributes assigned in <TD></TD> or <TH></TH> will override what is set in <TR></TR>

Putting It All Together
To put it all together, we first have to start defining the table. <table> Now we have to start the first row. <table> <tr> Then we have to put in the first cell and second cell, with some text, then close the cell. <table> <tr> <td>A Cell</td><td>Another Cell</td> Next we have to close the row the cells are in. <table> <tr> <td>A Cell</td><td>Another Cell</td> </tr> Finally we have to close the table. <table> <tr> <td>A Cell</td><td>Another Cell</td> </tr> </table> And here is what it would look like on an HTML page:

A Cell

Another Cell

To add the border so you can see the actual cells, you would have to add border=1 to <table>, so it looks like this: <table border=1> <tr> <td>A Cell</td><td>Another Cell</td> </tr> </table>

A Cell

Another Cell

Example Table Code
<table border=1> <tr> <th colspan=2>My First Table</th> </tr> <tr> <th>One</th><th>Two</th> </tr> <tr> <td>1</td><td>2</td> </tr> </table>
When placed in an HTML document, this table looks like this:

My First Table
One	Two
1	2