Tables 5

Here is the code for the table that you have so far.

I am going to move the </td> so that it's on the same line as its opening counterpart

That will make the next step easier to understand

The area inside your table is called a "cell"

So far we have a one cell table

When there is no width statements included in your table data tag <td>, your browser will ASSUME that the width is 100%.

But now we're going to separate the table into to columns. We must now tell the browser how wide to make each cell in the column. All of the widths added together must equal 100

I am adding another <td> line to show that there will be TWO cells in the same row.

Now I have to tell my table how wide to make the cells my adding the width statements to each. For now I will make them each 50%

My table will now look like this

Just for "yucks" lets change the widths to 25% and 75%

Remember they MUST add up to 100

Hey this is pretty cool. Lets add one more <td> to make three cells instead of two.

I now have three <td> lines and the widths all add up to 100. Here what it looks like

If your table looks like this. do the CHA CHA, then come back and go to the next lesson.