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:
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:
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:
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:
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 BACKGROUND="tile2.jpg">
For each cell add the BACKGROUND tag in the td tag:
<td BACKGROUND="tile2.jpg"> Oranges
<td BACKGROUND="t9.jpg"> Apples
All help files are printable so feel free to print them.
Back to Top