With a little practice and patience, tables can be quite easy to understand.
They are great to use when you want to align text, graphics or anything within your page. This can be very effective with the <BORDER="0"> command.
A Table consist of Rows and Columns.
|
Row 1, Column 1 |
Row 1, Column 2 |
Row 1, Column 3 |
|
Row 2, Column 1 |
Row 2, Column 2 |
Row 2, Column 3 |
|
Row 3, Column 1 |
Row 3, Column 2 |
Row 3, Column 3 |
With the knowledge of a few tags you will be on your way to creating your first table!.
Here are a few of the 'tags' used to compile a basic table:
|
<TABLE> |
This says 'I'm beginning my table!' |
|
<TR> |
This says 'I'm starting my first Table Row'. |
|
<TD> |
This says 'I'm starting my Table Data'. |
|
</TD> |
This says 'I've finished all the data I want to put here, close the Table Data'. |
|
</TR> |
This says 'I've finished all the data I want to put in this row, close the Table Row'. |
|
</TABLE> |
This says 'I've finished putting everything in that I wanted to, the end of table!'. |
You can also add many 'commands' to align the actual table.
Here are some that you could include within the <TABLE> tag:
| CELLSPACING |
allows space around the box of table data. |
| CELLPADDING |
allows space around the data within the the box. |
| WIDTH |
designates how wide you would like the table to be. |
| BORDER |
activates a border around your table - when set to "0", no border will appear. |
| BGCOLOR |
designates a colour for your table background. |
Once you get the hang of tables it can become quite fun!.
Don't like the frame around your table? Add BORDER="0" to your <TABLE> tag.
This is what a Table will look like. The links to the right will take you to a great site with a Tables Tutorial that will help you understand the basics and much more. I found it to be a great help and I hope you do too.
GOOD LUCK!! |
HTML Goodies - Tables Tutorial
Professional Web Design |
back to top
|
![title image [2,882 bytes]](titleta.gif)
![bar gif [1,869 bytes]](bar2.gif){kind=small}