Site hosted by Angelfire.com: Build your free website today!


HTML Lessons

-Getting Started

-Page Setup

-Text Manipulation

-Linking Text/Images

-Basic Tables

-More on Tables

-Frames

-Test Your Skills
Misc.

-Credits Page

-Main Page
-Cemetery Photography
Contact

-E-mail me

-Sign my guestbook


This lesson will focus on how to make tables. Tables are kind of like spreadsheets where you can put data for your site to better organize it. My main menu to the left is an example of how you can organize data using tables. To start off with making a basic 2x2 table, write this:

<table>
<tr>
<td>Cell 1</td>
<td>Cell2</td>
</tr>
<td>Cell3</td>
<td>Cell4</td>
</tr>
</table>

It will look like
Cell 1 Cell 2
Cell 3 Cell 4
The "table" tag is the first tag that you will always put into a table. Inside this tag, you can edit the cellspacing, border, bordercolor, and cellpadding. I'll talk a little bit more about those in the advanced tables tutorial.

The "tr" tag stands for table row. A table row consists of a horizontal grouping of data cells. For example, in the table I made above, cells 1 and 2 are on the same row. Cells 3 and 4 are down on the next row. To make a new row, close out the one you're on with a "/tr" tag, and make another "tr" tag.

The "td" tag stands for table data. You must put one of those in front of the data you want in each respective cell. To close the cell, you make the "/td" tag. Try my example above, and make several different configurations, too. For example, try to make a 3x3 table, or a 3x4.


<<<<Previous lesson |||||| Next lesson>>>>