Webtv Tricks
Text
Backgrounds
Images
Tables
Bg Sounds
Cut, Copy & Paste
Voice
Sidebars
Marquees
Transitions
Links
Validator
Graphics
Sounds





















Tables

Tables are one of the most important parts of HTML. In order to create uniform pages and align images and text, you must have some knowledge of tables. If you haven't already delt with tables before, I will, like I do on all of my advanced pages, review, but I recommend that you visit my beginner's page.

There are three basic tags used in tables. They are:

<<>table<>> which is the main tag. All of your table coding goes between this tag and the <<>/table<>> tag.

<<>tr<>> This is the tag for rows. It is placed at the beginning of each row. Each row ends with the <<>/tr<>> tag.

<<>td<>> This is the tag for columns. It is placed at the beginning of each column. Each column ends with the <<>/td<>> tag.




Now i'm gonna show you some tricks i didn't go over in my beginner's page.

To make the words or images in your table spaced farther away from each other, use the following code in your <<>table<>> tag:

<<>table cellspacing=#<>>

Just replace the # with the number of pixels you want between each cell.

Example:

TheseWords Are
SpacedfartherApart





The code used was:

<<>table cellspacing=5 bgcolor=#004444<>>
<<>tr<>>
<<>td align=center<>>
These
<<>/td<>>
<<>td align=center<>> Words
<<>/td<>>
<<>td align=center<>> Are
<<>/td<>>
<<>/tr<>>
<<>tr<>>
<<>td align=center<>> Spaced
<<>/td<>>
<<>td align=center<>> Farther
<<>/td<>>
<<>td align=center<>> Apart
<<>/td<>>
<<>/tr<>>
<<>/table<>>

<--------insert cell padding------------> When putting borders on your tables, the words can sometimes run too far into the borders. If you want words to be farther from the edge of the cell when using a table, use the code under this example:

TheseWordsAre
AwayFromthe Border


<<>table border=5 bgcolor=#000055 cellpadding=9<>>
<<>tr<>>
<<>td align=center<>> These
<<>/td<>>
<<>td align=center<>>
Words
<<>/td<>>
<<>td align=center<>>
Are
<<>/td<>>
<<>/tr<>>
<<>tr<>>
<<>td align=center<>>
Away
<<>/td<>>
<<>td align=center<>>
From
<<>/td<>>
<<>td align=center<>>
the Border
<<>/td<>>
<<>/tr<>>
<<>/table<>>

When putting background color on a table, you can easily jazz up your table by adding a gradcolor attribute. This is done by adding gradcolor="color" to your <<>table<>> tag and creates the effect of two colors blending into each other. Here is an example:


See?




The code used:


<<>table bgcolor=#004444 gradcolor=#000022<>>
<<>tr<>>
<<>td align=center<>>
<<>blackface<>>See?<<>/blackface<>>
<<>/td<>>
<<>/tr<>>
<<>/table<>>