Tables
Explaining Tables

Here are the codes that you will use for tables and an atempt to explain them.

<table>

This is the code that you will start with.

<tr>

This is a row. An easy way I remember that it's a row is I think. tR.. R for row!

<td>TEXT</td>

This is a column.. repeat this code for how ever many columns you want in your table. Make sure it's after the code above though.

</tr>

This is the code you put after your td's.. it's to end the row. You also can make many rows and colums.. just keep repeating the codes.

</table>

This is the ending code. Of corse, put it last.

 

Here's an example of what it can look like..
<table bgcolor=silver border=1 bordercolor=black cellpadding=2 cellspacing=3><tr><td>TEXT</tr></table>

 

A couple other things you can add in are
width=200
height=200
style="border:1pt solid BLACK;"
(for 1 pixel borders)

Finished Tables

Feel free to play around with these codes.. that's how I learned! I just took a table layout I liked and played with the colors.. the rows.. columns.. etc. HAVE FUN WITH IT! And if you mess up, you can always re-paste it.

Text Text Text Text
Text
Text
Text Text Text Text
<table bgcolor=PINK border=2 bordercolor=BLACK cellpadding=5 cellspacing=3><tr> <td colspan=4><center>TEXT TEXT TEXT TEXT <tr><td><center>TEXT<td><center>TEXT <tr><td colspan=4>TEXT TEXT TEXT TEXT</table>

Text Text
Text Text

<table cellpadding="1" cellspacing="2" border=2 bgcolor=BLACK bordercolor=GRAY> <tr><td bgcolor=GRAY><font color=WHITE>TEXT</font><td bgcolor=SILVER> <font color=BLACK>TEXT</font><tr><td bgcolor=SILVER><font color=BLACK>TEXT </font><td bgcolor=GRAY><font color=WHITE>TEXT</font></table>

Here is a cute little table.. try changing the colors!

<table bgcolor="RED" border="0" cellspacing="0" cellpadding="1"><tr><td> <table bgcolor="WHITE" border="0" cellspacing="0" cellpadding="2"><tr><td> <table bgcolor="BLUE" border="0" cellspacing="0" cellpadding="1"><tr><td> <table bgcolor="WHITE" border="0" cellspacing="0" cellpadding="2"><tr><td> <table bgcolor="RED" border="0" cellspacing="0" cellpadding="1"><tr><td> <table bgcolor="WHITE" border="0" cellspacing="0" cellpadding="4"> <tr><td width="100"> <center><font color=BLUE>Here is a cute little table.. try changing the colors!</font></center> </table></table></table></table></table></table>

Very simple table.

<table bgcolor="BLACK" border="0" cellspacing="0" cellpadding="1"><tr><td> <table bgcolor="WHITE" border="0" cellspacing="0" cellpadding="2"><tr><td> <font color=BLACK>Very simple table.</font> </table></table>

Thanks to Htmlpalace.com for this! I'm not good at explaining tables. XD