WGB Logo

BASIC HTML :: TABLES :: FONTS :: FONT SIZES
COLORS :: GRAPHICS :: LINKING :: MUSIC
FORMS :: LISTS :: FRAMES
REMOTE LOADING :: TIPS & TRICKS

TABLES

A Table is a rectangular arrangement of rows
and columns.
Row: is a single line of data that runs across
the table.
Column: is a vertical section of data.
Cell: is the intersection of the row and column.
Caption: is the text that appears above the
table.
Headers: are the first row of your table. Used
to label your columns.
BORDERs: are the lines that surround the table.

HTML TAGS NEEDED TO MAKE A TABLE

<Table> </Table> Beginning and ending table tags.
<tr> < /tr> Beginning and ending row tag.
<td> </td > Beginning and ending column tag.
You can add any of the following to this tag:
Text, Formatting tags such as Bold or Italic,
Links, Lists and Images

EXAMPLE OF A TABLE

To begin the table:
<Table BORDER=0 >
<tr>
<td> Oranges </td >
<td> Apples </td>
<td> Pears </td>
</tr>
</table>

Your Table will look like this:

Oranges Apples Pears

TO ADD A NEW ROW AND A BORDER
TO THE TABLE:
<Table BORDER=3>
<tr>
<td> Oranges < /td>
<td> Apples </td>
<td> Pears </td>
</tr>
<tr>
<td> 1 pounds </td>
<td> 2 pounds </td>
<td> 3 pounds </td>
</tr>
</table>

Now your table looks like this:



Oranges Apples Pears
1 pounds 2 pounds 3 pounds

To add a BACKGROUND COLOR to your table:

<Table BGCOLOR="#996699">

Now your table will look like this:

Oranges Apples Pears
1 pounds 2 pounds 3 pounds

You can also change the individual cell COLORs.
Just add the BGCOLOR tag into your td tag:
<td BGCOLOR="#00ffcc"> Oranges
<td BGCOLOR="#996699"> Apples
<td BGCOLOR="#66ffff"> Pears

It will appear as this:

Oranges Apples Pears

To change the BORDER COLOR of the table, add
the BORDERCOLOR tag to the table tag:
<table BORDER=5 BORDERCOLOR="#ff0000">
Now your table will appear like this:

Oranges Apples Pears

If you want you use the Font tag in your table,
you must specify it in each data cell.
<td> <font face="Technical" COLOR="#ff0000" SIZE=+1> Oranges
</font> </td >
<td> <font face="Comic Sans MS" COLOR="#ff0000" SIZE=+1> Apples
</font> </td>
It will look like this:




Oranges Apples

New with NETSCAPE 4.0 and IE 4.0 you can use
BACKGROUND images in your tables. But remember
people who have a lower version browser will not
be able to see them! So if you are not seeing the
BACKGROUNDS in the tables below that is the reason.
You can add the image as the table BACKGROUND
or a cell BACKGROUND.
For a Table BACKGROUND use:

<table BORDER=3 >

Oranges Apples

For each cell add the BACKGROUND tag in the td tag:
<td > Oranges
<td > Apples

Apples
Oranges

All help files are printable so feel free to print them.

Back to Top

This page is Copyright © WGB Creations
All rights reserved.
None of these site graphics may be duplicated,
copied, uploaded to another server or linked to.

This page was last updated 05/11/2003