Smart ways to make money online - HTML Tutorial - Creating Tables.

Understanding tables, in my opinion, is one of the important lessons you can learn. Tables are such a fundamental part of web page layouts, and you can do so much with your page design if you understand how they work.

If you see a web page with a left navigation, usually that page is created by using one big table with two columns and no border. The left column is generally set to a smaller amount than the right column, thus setting up the left navigation.

Basic Table Tags

The three most important tags for tables is the opening table tag, <table> and the table row and table data tags - <tr> and <td> respectively.

The <tr> tag represents a row for the table

The <td> tag represents a cell inside the row.

Now, with that in mind, let's create a simple table:

<table>

<tr> <td>A</td> <td>B</td> <td>C</td> </tr>

<tr> <td>X</td> <td>Y</td> <td>Z</td> </tr>

</table>

And this is what the table would look like published:

Notice that by looking at the code, you can tell how many rows and columns are included just by looking at the code. The two opening <tr> tags indicate two rows and the three opening <td> tags on each line represents three data cells (or three columns).

Lesson # 12 : HTML Tutorial - Adding Table Borders

HOMEPAGE