Table Tutor - Lesson 2
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.
<table border="1">
<tr><td>Ed</td></tr></table>
|
Ed |
IMPORTANT NOTE: Whenever you make a change to your document, just save it,
then hit the Refresh/Reload button on your browser. In many instances just
hitting the refresh button doesn't quite do the trick. In
that case...
Internet Explorer users: Click Refresh while holding down the CTRL
key.
Netscape/FireFox users: Click Reload
while holding down the SHIFT key.
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 |