tutor
series

THE BASIC TABLE STRUCTURE

Tables have always, so it seemed to me, had a mystery to them. When it comes right down to it, the table basically has only 3 tags. It is the use of "attributes" and "colors" that make great tables. This where your imagination and artistry come into play. The table is a great way to display them. The Professor will attempt to provide you with the basic tools so that you can express these talents. CSS that can be used for the some of the table examples is shown in Black

<TABLE>
The main tag. Used to tell the browser "this is a table", along with some attributes like size, border width and a few other things.

<TR>
TableRow defines a horizontal row of <td>(TableData) cells. This tag doesn't occupy any space and is hidden from view.
The Prof has colored this tag you show you that it actually exists.

<TD>
Specifies an indiviual block or cell in a table row and is where you put your data. A table is made up of rows which in turn are made up of cells.

^        
This is a table row
is a put your cell data
Column cell in one cell
v of cell these cells

This is the Basic Foundation of all tables. It reminds me of what Dad always said.

"Son: Every House needs a good Foundation"

Every table needs at least one <TR> row and every row must contain one <TD> Table Data cell.

<TABLE>
<TR>
<TD>
</TD>
</TR>
</TABLE>

Now we need something to put in that cell. This could be text or an image. Lets use an image and we will talk about text later.

<TABLE>
<TR>
<TD><IMG SRC="referee.gif" WIDTH=110 HEIGHT=123></TD>
</TR>
</TABLE>

Here is the table we have created.

referee

Well, that's The Basic Table Structure. Lets go and make some tables! Now's a good time to stress that if you want to learn how to make quality html documents, then you would be well served to take the time to teach yourself the tags. If you rely on the so-called "table wizards" in the "easy as pie html editors" out there, you will have greatly limited your flexibilty, and the end result may not be what you are trying to achieve.

The Professor's Table Navigation

Introduction

Lesson No 1Lesson No 2Lesson No 3Lesson No 4Lesson No 5

DESIGN BY
THE PROFESSOR

home Valid CSS! HTML Hit Counter