|  | PageTutor.com

Ok, what we've got is this...

    <TABLE>
    <TR>
    <TD>Ed</TD>
    </TR>
    </TABLE>

...which gives us this:

Ed

First lets make it look more like a table and give it a border. Every time you make a change and want to see how it looks, you can hit the Reload (or Refresh) button on your browser. Every so often, a change you've made doesn't seem to "stick". In that case, hold the SHIFT button and hit Reload.

    <TABLE BORDER=1>
    <TR>
    <TD>Ed</TD>
    </TR>
    </TABLE>

Ed

How about a bigger border?

    <TABLE BORDER=5>
    <TR>
    <TD>Ed</TD>
    </TR>
    </TABLE>

Ed

How about a HUGE border?

    <TABLE BORDER=25>
    <TR>
    <TD>Ed</TD>
    </TR>
    </TABLE>

Ed

How about NO border?

    <TABLE BORDER=0>
    <TR>
    <TD>Ed</TD>
    </TR>
    </TABLE>

Ed

As you can see, the default is (usually) no border.

Let's stick with a modest border for now.

    <TABLE BORDER=3>
    <TR>
    <TD>Ed</TD>
    </TR>
    </TABLE>

Ed

When no sizes are specified the table is only as big as it needs to be.

    <TABLE BORDER=3>
    <TR>
    <TD>Ed, Rick and Tom</TD>
    </TR>
    </TABLE>

Ed, Rick and Tom

Specifying a table size is pretty simple though.

    <TABLE BORDER=3 WIDTH=100%>
    <TR>
    <TD>Ed, Rick and Tom</TD>
    </TR>
    </TABLE>

Ed, Rick and Tom

How about this?

    <TABLE BORDER=3 WIDTH=75%>
    <TR>
    <TD>Ed, Rick and Tom</TD>
    </TR>
    </TABLE>

Ed, Rick and Tom

<< BACK NEXT >>

PageTutor - Table Tutor
Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 Quick Reference
Barebones HTML Guide Joke Break
Print version available - Get the PageTutor book & CD
Become a member - Get more good stuff!

Invest in the future - Hug your kid today.