Make your own free website on Tripod.com
Tutorial: Tables
Menu
Introduction To Tables

What are tables?
Tables are columns and rows of information that allows viewers to read the information displayed on a website more easily. Tables are commonly used throughout the world wide web and can be used very effectively to exhibit great layout design.

Back Top

Basic Tags

<TABLE></TABLE> - The starting and ending tags of a table
Other tags related to the TABLES should go inside these set of tags.

<TR></TR> - the next set of tags after the <TABLE> tag.
This tag tells the browser to create a Table Row.

<TD></TD> - the next set of tags after the <TR> tag.
This tag tells the browser to create a Table Column or Data .

Here's an example of how these tag will be used:
<TABLE>
<TR>
<TD>Hello!</TD>
<TD>My name is William!</TD>
</TR>
</TABLE>

Which will be displayed as:
Hello! My name is William!

Back Top

Enhancing Tables

Tables can be enhanced, or made more beautiful, colourful with codes integrated into the basic tags mentioned above.

By adding bgcolor="white" into one of the basic tags, we are able to change the background colour of the table, column, or row to white - just like how we are able to change the background colour of a web page to any color we want just by adding the bgcolor="color_here" inside the <BODY> tag.

Change can increase the border size of the table by defining it in the <TABLE> tag. Borders are just like frames than surrounds the table, row, and column.
Try this: put border="3" inside the table tag and see what you get!

Back Top

Links Here are some links that will direct you to sites that will teach you more about tables!

Back Top