What we've done in that example.. is to create.. a table.. with two seperate rows <tr> and two seperate data 'cells' <td>. Although you can not see the individual 'cells' easily in this particular case..you can spot them by the spacing.. you can also determine the rows.. *sorry I picked a really bad example.. but hold on..I'll make it a bit clearer..lol*

*doing a bit of HTML magic here.. abracadabra!!!*

Now do you see it? .. ok.. I'll tell ya.. tables are wonderful for organizing things.. framing things!!! *they're probably my utmost favorite thing!!!* Now that you have the very BASICS of tables... there's all sorts of internal commands that have to be learned as well.. of course.. knowing me.. I'll forget half of them as I'm writing this *hee hee* and most of them I don't use myself either.. so.. let's begin..

What I did in that last example.. to make things more clear... is called "border=#" .. it goes like this:
<table border=4> .. you can put in any number you want.. the bigger the number.. the thicker the border around the table..

Now that we've talked about screen resolution *and if you did not read it scroll back 3 paragraphs and do so* we can talk about widths and heights in tables. As I said, there's two ways of doing it, percentages and pixels. Percentages is wonderful for widths. As an example, this page is written as a width of 99%, including the green section, on the left, which is 15% of your screen.

How to do one table without any fancy stuff, at a certain width, is like this:

Now, because that table is w/in the tables that I have for this page, the green section that says "test" should cover 75% of the white section of your screen, no matter the resolution. You can put any number in there that you see fit, for your width. If you put no number one of two things will happen, depending on the data within that cell.

Hmmm.. a nice, neat little header.. without having to use <h1> for example..

Neuschwanstein Castle

In the above example.. we've managed to use an image.. inside a table to give it a framed effect.. at the same time.. with the use of the <caption> tag.. PLUS we linked the image it's self to another site on the net... *one of my other pages, no need to click it.. lol*

We can also do the same thing, but with the caption under the picture by adding <caption align=bottom> .. like this:

Neuschwanstein Castle

hmm?

color?

Or to a row...

Testing1	Testing2	Testing3
Testing4	Testing5	Testing6

The same works with align=right and the default will be align=left

Aligning inside is a bit different. You have to make use of align and valign. Align would be your normal alignment, center or to the right.. such as this:

valign is the verticle alignment.. how it's going to be placed in that table.. top to bottom...

Top

Middle

Bottom

Now, it's nice to use both the align and valign to get things exactly where you want them...this as an example:

You can do the same thing for your <tr> tag, if you wish to align your entire row the same way.

Cell 1	Cell 2	Cell 3
	Cell 4	Cell 5

Put colspan and rowspan together, and you can design yourself a nice little table.

This is my table

I decided I wanted one inside the other one With a couple of cells and a couple of rows to demonstrate how to do this sort of thing It's up to you why you want to do it though, but it's necessary many times

Back to my outter table now.

You can put as many tables inside of tables that you want, as long as you remember that for every <tr><td> that you have open, you MUST close... and, right before every table starts, you must close the <td> tag *or the <tr> if it's going into a new row* and open a new one up.. or you will not have a page looking how you want it to.