WebTV HTML Tutorial
The next lesson will go over tables. Instead of trying to explain them I will show you an example of what one looks like.
| This | is | an | example | of |
| what | a | table | looks | like |
Now I know your saying "so what". Well you can use tables to do alot of different things. If you have multiple pages on your site, you can use it as a site map like this.
| Home | Backgrounds | Gifs |
Another use for tables is putting a border or frame around an image. Like this.
|
One more use for tables that may not be so obvious is when using a background that has an image on the side, like the one on this page. You can use a table with no border to space your page properly so that your text does not overlap onto the beautiful image to the side.
Okay, I guess that's enough examples for now, onto how you make one for yourself.
First thing you need to learn are the three tags used to make up a table.
The most important ones are the
<TABLE> and
</TABLE>. These tags start and
finish your table.Next are
<TR> and
</TR>. These tags define each
table row.The last ones are
<TD> and
</TD>. These make up each cell
(box) in your rows.You can add as many rows and cells to your table as you want, as long as they are between the
<TABLE> and
</TABLE> tags.
Now lets see how all this goes together. Here is the code for a basic 2 cell table.
<TABLE
border="5"><TR>
<TD> Text, etc..
here</TD><TD> Picture, etc.. here
</TD></TR></TABLE>
And here is what it looks like.
| Text, etc.. here | Picture, etc.. here |
For more rows simply add more
<TR>'s, or for more cells
add more <TD>'s.To use a background like the one on this page the code will look something like this.
<TABLE><TR>
<TD
width="????"></TD>
<TD>All text, pictures etc..
here. (Basically everything you want people to see on your
page)</TD></TR
></TABLE>The tricky thing about doing this is adjusting the width of the first cell so that your text is placed properly. Just play around with it until you get the desired look for your page. Even after you get it to look like you want the spacing still won't look the same to everyone. Each different browser (WebTV, Internet Explorer etc..) views your page just a little different. If you are still having trouble with anything contained in this tutorial feel free to e-mail me and I'll see if I can help. This tutorial by no means covers everything that can be accomplished with HTML and as I learn more about it I will add more pages to share my knowledge with everyone.