TABLE LESSON NO 1

Lets make it look more like a table and give it a border.
<TABLE BORDER=3>
<TR>
<TD><IMG SRC="referee.gif" WIDTH=110 HEIGHT=123"></TD>
</TR>
</TABLE>

When no sizes are specified the table is only as big as it needs to be. This brings up a good point.

Which way will the table expand as more Data is added?

Lets replace the referee with the following Statement and keepthe same table parameters.

You look more like you do now than when I last saw you...:-)

Think about this for a few moments and then go

here for the answer

As, you saw, specifying a Table size was pretty simple. Width can be specified as a percentage of the available screen size or as an absolute. Height could be specified as a percentage. However, as you have seen, the Table will expand vertically to accommodate the data so its not necessary so assign a height unless you have a visual reason to do so as shown below.

*NOTE:As you can see, the image is located center left in the table. ALIGN=LEFT is the default alignment position in a table.

Just thought of something.

The Professor has a

COOL BACKGROUND

to show you.

Lets look at the NINE Table alignments. For simplicity, we will only use the <TD> and</TD> tags.

1	2	3
4	5	6
7	8	9

Here is a Interactive Presentation of the nine locations in a TD cell.

I will take a second now to show you something else. Images can manipulated in a table data cell. The Professor just happens to have a little ape handy.
<TABLE BORDER=3 WIDTH=100 HEIGHT=100>
<TR>
<TD ALIGN=RIGHT><IMG SRC="ape.gif" WIDTH=32 HEIGHT=32></TD>
</TR>
</TABLE>

As you can see the ape lined up in the middle.(--The default alignment, if a vertical alignment is not specified.--)

I suppose that now is also a good time to stress that it is good practice to include size attributes with all your image tags. Doing so makes it easier for the browser to format the space required, and avoids any nasty little surprises.

Before we go to Table Lesson No 2

The Professor's Table Navigation Introduction
Lesson No 1	Lesson No 2	Lesson No 3	Lesson No 4	Lesson No 5

DESIGN BY
THE PROFESSOR

TABLE LESSON NO 1

DESIGN BYTHE PROFESSOR

DESIGN BY
THE PROFESSOR