Getting Started With Tables

<table> Tables essentially use six tags, four of which are repeated to create the table's design. These tags are:

• <table> and </table>
• <tr> and </tr>
• <td> and </td>

To have a table with a visible border, you will need to insert the word "border" into the <table> tag so that it will look like this: lt;table border>

Example: A two-row, two column table with a visible border

<table border>
<tr>
<td>
Small text
</td>
<td>
<td>
</td>
<td>
<h3>
Larger text
</td>
</tr>
<tr>
<td>
<td>
</td>
<td>
<img src="http://www.unc.edu/courses/jomc050/smiley.gif">
</td>
<td>
<img src="http://www.unc.edu/courses/jomc050/smiley.gif">
</td>
</tr>

You will get this table

Small text	Larger text

To have this table without a visible border, simply remove the "border" from the "table" tag.

Things to remember

• Each set of "tr" tags must have same amount of sets of "td" tags. That is to say, every row needs to have the same amount of cells. One row can't have three cells of all the others have four.
• To change the number of rows or cells, simply increase the number of sets of "td" and "tr" tags. Remember that the number of cells must be the same for every row.
• Any information that you wish to appear in the table must be placed within the "td" tags.

For More Information on Tables

• Table information from the World Wide Web Developers' Library
• Tables in HTML 3.2
• UNC's Web Page Advcanced Design