Formatting your pages with tables Part
1
Courtesy of Cherished Memories and
CS Designs
![]()
| This
page is a beginners introduction to tables. Tables have many uses, but
the main use is in helping you format you pages to achieve the right look.
Though there are many tags connected to the table command, this page will
only cover the basics.
This
HTML code below will give you a plain table with only one cell and a border
width of 1. <TABLE BORDER=1><TR><TD></TD></TR></TABLE>
TR
stands for Table Row and TD stands for Table cell, Division or Column
and it is between the <td></td> that you place your information
or pictures. By including the Border tag you can specify if your table
will have a border or no border. 0 indicates no border while any number
after that will determine the size of your border. If you do not include
the border tag your table will have no border by default.
The code belwo will give you a table with two row down and 2 cllumns across <TABLE
BORDER=1>
Another tage that is very
benificial is the Colspan tag. This tag will merge several columns
into the same row to give you one long row across while leaving the rest
of your rows set to how ever many columns you have specified. If your table
was formatted to 3 columns down, then you would change the number after
the Colspan to=3 and so on.
<TABLE
BORDER=1>
Coloring
your tables cells: You can color one, several or all of your table
cells with the BGCOLOR:
Table size in pixels and
percentages:
Another
use for tables espeically colored ones, is for displaying images or decorative
lines on a background where the text is un-readable or the color washes
out against your patterned background. Also See: Using
tables with wild backgrounds
Placing your images or decortive lines inside tables gives you a little cleaner look when placed on a patterned background and a little more control over the readability of the text when the lines are used for a light background and they were intended for a dark one etc. It is also a way of creating a simple headers for you page using a decorative line or bar. The
Center Command:
I use tables throughout all the sites I maintain and onve very good use for tables is in formatting pages with side borders. For a better example of this have a look at my Creating pages with sideborders, tables and spacers. You
now have the basics for creating any number of table combinations.
You
now have the basics for creating any number of table combinations.
|
||||||||||||||||
This page was first created on July 27, 1997 and last updated on October 27, 1999
All
images and content on this page were created and are the property of Chris
Stern,
and
my not be used on any other website without my written permission.
Chris
Stern / CS Designs © Copyright All Rights Reserved July l, 1997