TABLE HELP

Tables, tables, tables.   Tables can drive you crazy!   If you just look at the code for one, you may not understand what you're looking at.  But tables are very good things to know how to do.   If this was not in a table, you wouldn't be able to read it on the busy background I deliberately chose just to show how useful tables really are!   I'm not going to go too far in depth (like putting a table inside another table), but this will hopefully give you the basics of making and using tables.


ROWS:  This table is a very simple 1 row, 1 column table.  What does that mean?  whatever you type will all be in one "box".  This is the code for a 1 Row, 1 Column table, centered on the page - if you don't want it centered, leave the < center > out:

Row:   A Row basically instructs how many "boxes" you'll have "stacked.  This is an example of a two Row, 1 column table:

OK, this is row 1
and this is row 2

This is the code for a 2 Row, 1 Column Table:

At this point, you're scratching your head wondering what some of this means.

TABLE WIDTH:   Basically this is how wide (across the page) you want your table to be. Don't be afraid to change/play with this number ... 25% (very small), 50%, 75%, 90%, etc.

BGCOLOR="#------":  Where I have the ------ is where you will enter your hex font color code.   You can also use words, like white, black, red, etc.   If you're using words for your colors, you do not need that # sign.

BORDER:   The number after Border decides how large the border around your table is. You can choose to have no Border ... in that case, type "0".&bsp; Otherwise, choose a number between 1 and ? depending on how much of a border you want.

CELLSPACING/CELLPADDING: This speaks to the size/depth of the Border. You can choose 0, 1, 2, etc.

TR and TD:  TR tells the table to start;   /TR tells the table that it's going to close ... But! You have to close the Table by using the /TABLE code.   TD tells the table you're starting a new Column;   /TD tells the table that you've closed that Column.


COLUMNS:OK, now we're going to get into Columns. Colums "split" your table into however many "boxes" you want ... it can be 2, 3,4, etc. This is a 1 Row, 2 Column Table:

This is so useful if you have an image and want text right next to it!

Here's the code for a 1 Row, 2 Column Table:

When you start adding more Columns, it can get confusing, but if you practice, you will "get" it.  Here's an example of a 1 Row, 4 Column Table -- I am just going to number each "box", so you see what it looks like:

1
2
3
4

Now, here's what that code will look like:


ROWS AND COLUMNS: OK, so you want to have a larger table that uses both Rows and Columns.   For this, I will once again show you the table using just numbers so you see where everything goes.   I think it might be easier to understand.

Here's what a 2 Row, 2 Column table would look like:

1
2
3
4

You will see that there are more than one TR and /TR.  Why? That's the way tables work!   Basically, you are making one table, but it's being "split" into 2 different segments (for a 2 Row, 2 Column table).

Here's the code for a 2 Row, 2 Column table:

CLICK BELOW TO NAVIGATE:

Hosted by www.Geocities.ws

1