Back to Titanic: Making Waves: Copal's Queue: Tables

Today in Titanic History - with Searching

Today in
Titanic History
Thursday, April 17, 2025

1891 - 2nd class survivor Miss Maude Sincock was born to Francis "Frank" Sincock (plumber) and Melinda Sincock in Toronto, Ontario, Canada.

1917 - Lookout and survivor Mr Archie Jewell died in a shipwreck in the SS Donegal at the age of 28. The SS Donegal was torpedoed by a German submarine without warning 19 miles south of the Dean Light Vessel in the English Channel and sank.

search other dates

Shop at Cafepress

more Titanic designs

Tables

A table divides a webpage into cells. Depending on how you code it, the table itself, the rows, the columns, and individual cells can have different characteristics and sizes.

First, you need to know what each tag means. "TABLE" affects the whole table itself, so anything within the table tag should be what you want to happen in every cell. "TR" stands for "table row" which, while seldomly does, can have characteristics with the tag to affect the whole row. A row are horizontal and columns are vertical. All tables are constructed with rows (columns will be discussed later). "TD" stands for "table data" also known as a cell. There can be an infinite number of tables, rows, and cells on a webpage.

The TABLE, TR, and TD tags all must have a beginning tag and an end tag. To keep track of this you may want to indent (with the tab key) when you go from each different tag. The following is an example of a table with two rows and with two cells each (the brackets have been removed):

<TABLE>

<TR>

<TD>
text in cell 1
</TD>
<TD>
text in cell 2
</TD>
</TR>
<TR>

<TD>
text in cell 3
</TD>
<TD>
text in cell 4
</TD>
</TR>

</TABLE>

Examples of characteristics that can be used in the TABLE tag:
width="[any number in pixels]"
height="[any number in pixels]"
border="[any number including zero]"
bgcolor="[a color or hex code such as #00F00F]"
background="[URL of any image to be in the background]"
align="[left, right, or center]"
cellpadding="[any number in pixels including zero]"
Cellpadding is the space between the border of the cell and the data within.
cellspacing="[any number in pixels including zero]"
Cellspacing is the space between each cell.

Examples of characteristics that can be used in the TR tag:
width="[any number in pixels]"
height="[any number in pixels]"
NOTE: Netscape with often ignore width and height tags in TR and TD tags.
bgcolor="[a color or hex code such as #00F00F]"

Examples of characteristics that can be used in the TD tag:
width="[any number in pixels]"
height="[any number in pixels]"
NOTE: Netscape with often ignore width and height tags in TR and TD tags.
bgcolor="[a color or hex code such as #00F00F]"
background="[URL of any image to be in the background]"
NOTE: Netscape will restart the tiling of a background image
align="[left, right, or center]"
valign="[bottom, top, middle, or center]"
VALIGN means "vertical alignment"

Using these characteristics requires putting them between the brackets of the opening tag.

Sometimes you will want a cell to be the width or height of several other cells. This means putting colspan="[number of columns you want the cell to equal]" in the TD tag. Similarly, rowspan="[number of rows you want the cell to equal]" will span multiple rows. You will want the TD with the colspan or rowspan in it to be in the row or column that you want to get spanned first.

Tables are very common on the internet. So common that I can guarantee that every major website has them. You may not be able to see them, because they used border="0" in the TABLE tag. To view the code to any page, go to "View | Source" in Internet Explorer and "View | Page Source" in Netscape.

The very best way to learn about tables, and all HTML for that matter, is to view the source of sites you like and change little things in code to see what they do. I've made a page for all of you to experiment with tables:

http://www.back-to-titanic.com/waves/copal/jan01_table-examples.html

Making Waves

corey's interviews
history with kelly
copal's queue
site of the month
the flub report
wallpapers/quotes
graphic sets
characters
scenes
downloads
rare pictures
facts
books
columns

Copal's Queue
introduction
thumbnails
seamless bg
frames
webrings
yahoo
graphics pop
graphics pop ii
loading
diamond bg
striped bg
text
transparent gifs
seamless frames
guides
transforming
mouseovers
tables
cleaning up
flyout window
image maps
programs i love
actions
cropping

get this countdown
for your website

random quote:

about back-to-titanic.com | contact us