A table creates a "box" in your web
page. It allows you to have 2 background colors and/or textures on you
page.
The following code for a table with one column and one row
is highlighted in blue. The
table was set at 85% but you will most likely like to play with the size.
The higher the % size, the larger you box will be.
The % size in the <TD> code is set at
100%. That is because you have only one column. If you have two or more
colums the total % size for all the columns will have to be 100. For
example: a table with two columns may have both columns at 50%, or the
columns could be different sizes, such as one column at 20% and the other at
80%. Just as long as you remember that the total has to be 100. I highly
recommend using % for sizes. If you don't use the % symbol in your size, it
will be in pixels, which is more difficult to do.
This page is a great example of tables. The
entire page is created with tables, one inside
another. For instance the outside blue table is 95% or the screen, the
inside dark brown table is at 95%, the next table is again at 95% and
the last, dark brown table is set at
Tables are lots of fun to create and they
will greatly improve the appearance of your page. Enjoy!
|
<HTML>
<HEAD>
<TITLE> page
title </
TITLE>
</HEAD>
<BODY>
<DIV>
< TABLE WIDTH="85%" BGCOLOR=""
ALIGN="" BORDER=""
BORDERCOLORLIGHT="" BORDERCOLORDARK="">
<TR>
<TD WIDTH="100%">
<BLOCKQUOTE>
<BLOCKQUOTE>
<P>
You title goes here
</P>
<P>
Your report will look like
just one long paragraph unless you show where each paragraph
starts and ends. You can do this by typing and opening <P>
at the beginning of each paragraph and a closing </P> at
the end of each paragraph.
</P>
<P>
Make sure you save after every
change you make on your web page. Remember that the best way is
to "save as" and make sure you check "all
files".
</P>
<P>1.apples<BR>
2.
oranges<BR>
3.
bananas<BR>
4. peaches<BR>
5.
grapes</P>
</BLOCKQUOTE>
</BLOCKQUOTE>
</TD>
</TR>
</TABLE>
</DIV>
</BODY>
</HTML>
|
Note: you can have a texture instead of a color inside your
table, just change the code
from BGCOLOR to
BACKGROUND
Please remember to always save your page
correctly.
Save this change: File
- Save As
Make sure the Save In: box
displays the right folder
Make sure the Save as type:
box says All Files
You may click on your file name instead of typing it, make
sure you click on the one with the blue e
in front of it.
Do not add .html after your file's name,
Check the changes in Internet
Explorer by going to File -
Refresh
or clicking the F5
key.
