INTRODUCTIONS TO TABLES Part 1

Even though you're using the same codes, in different browsers, the tables might look different. Also, it find it weird that sometimes even though you have something there, it doesn't always work.

<table></table>
This creates the table. (To begin and end table)

<th></th>
To make a table header. Text in between here are bold and center.

<tr></tr>
To make a row

<td></td>
This is used after tr to make a cell. This is where you put in all your text and all that.

If you add border="#" in the table tag, it sets the width of the border around the table cells. If you don't want a border, just put 0. Use bordercolor="#color" for the border color. If you leave it plain, it's not that nice.

To align the text left, center, and right horizontally, add align="left" to table, tr or td, depending on your layout (Change left to center or right if that's what you want). If you add it to table, then it will make the whole table left, center or right.

To do a vertical alignment, just add valign="top" to tr or td, depending on your layout (top, middle or bottom). Same thing, but with a 'v'. This helps if you want the text to start on top, middle or bottom.

Use colspan="#", to specifies the number of columns a cell spans. Use rowspan="#" for the rows.

cellspacing="#", sets the space between the table cells. cellpadding=#", sets the space between the table and the contents.

Add width="#" in table, to set the tables width. You can use percentage (%) or px.

When I says in tables, tr, or td, I mean like this:

This tutorial was written by Lingling. Don't take my images or copy my tutorial and put them on your site. Thank you!
WRITTEN ON: SEPTEMBER 10, 2004