Site hosted by Angelfire.com: Build your free website today!
MY HTML HELP FOR
BEGINNERS

Another thing worthy of praise! try using this to organise your page for you?..columns made easy!

Tables

Well here you are, into the harder stuff, never thought you had it in ya.
Starters lets look at what tables are, they work very similar to the Microsoft Word table, where you can add text, pictures but not formulas, but you can also add sound files on this one as well.

Some of the main tags are:

<TABLE> and </TABLE>
<TR> and </TR>
<TD> and </TD>

<TABLE> is prety obvious to you by now, it indicates the start of tables, as </TABLE> indicates the end of tables.
<TR> tells your computer how many rows you want, for example GO!

But to even get this you need a code to give you a box to type in and this is:
<TD> and </TD>, but the best was to teach you is to show you. GO!

There are some other things you can add to the table code as you ca se on my table, here is the code I typed for my table:

<TABLE BORDER=3 CELLSPACING=3 WIDTH=80%>

you can also add BGCOLOR="888888" but I tend to add this code in with the <TD> tag, like so:

<TD BGCOLOR="888888"> (same colour as this page)

Another handy item is 'COLSPAN' (Column span) this is added in the 'TD' tag as before, this defines how many columns this one column crosses, like so: GO!

EXAMPLES:








Example(1)

1
2

This is a 2 row table.



BACK










Example(2)

Item One Item Two
Item Three Item Four
Item Five Item Six

Now this is a three row two column table, I'll go through this bit by bit to explain how it's done.

<TABLE> (Obvious if you are a more advanced web designer)

<TR> (First 'Row')
<TD> (First 'Row' first 'Column') </TD>
<TD> (First 'Row' Second 'Column') </TD>
</TR> (End of first 'Row')

<TR> (Second 'Row')
<TD> (Second 'Row' first 'Column') </TD>
<TD> (Second 'Row' second 'Column') </TD>
</TR> (End of second 'Row')

<TR> (Third 'Row')
<TD> (Third 'Row' first 'Column') </TD>
<TD> (Third 'Row' second 'Column') </TD>
</TR> (End of third 'Row')

</TABLE> (And this finishes your table.)



BACK











Example (3)

One and Two
Three Four
<TABLE WIDTH=50%>
<TR>
<TD COLSPAN=2>
</TD>
</TR>
</TABLE>



BACK








MAIN INDEX