You are using a previous version of Active Jump.

Go To Current Version of This Page

Active Jump Logo


Information
The Basics
Text
Pictures
Spacing
Colors
Links
Alignment
Lists/Bullets
Tables
Frames
Multimedia
Forms
ISO Characters
Meta Tags
Contact Us


Email Support
Email Contact

Divider

Basic Table
Introduction
Tables divide your web page up into sections so you can better organize your site and make it look much better and more attractive to your visitors.

Main Tags
There are two basic tags that surround the entire table. The starting tag is <TABLE> and the closing tag is </TABLE>. Everything you will be doing will go inside these tags.

index.html - Notepad
....<BODY>

<TABLE>

</TABLE>

</BODY>....

The Rows
Tables consist of rows and cells. Cells are placed in horizontal rows. Each new horizontal row is defined by a tag. The tag looks like <TR>. The starting tag is <TR> and the closing tag is </TR>. All the cells placed between these tags will go on that row.

index.html - Notepad
....<BODY>

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

</BODY>....

The Cells
Each row consists of a number of cells. Each cell if defined by a tag. The tag looks like <TD>. The starting tag is <TD> and the closing tag is </TD>. Whatever is between the <TD> tags is what will show up in the cell. The <TD> tags go between the <TR> tags.

index.html - Notepad
....<BODY>

<TABLE>
<TR> <TD> Cell 1 </TD> <TD> Cell 2 </TD> </TR>
<TR> <TD> Cell 3 </TD> <TD> Cell 4 </TD> </TR>
</TABLE>

</BODY>....

My Homepage - Microsoft Internet Explorer
Cell 1 Cell 2
Cell 3 Cell 4

Test Your HTML
Printer Friendly Version


Jonathan David VerLee
webmaster@activejump.com


White