If you have a Facebook account, click here to continue logging in.

If you don't have a Facebook account, click here to log in with your Neopets information.

Lesson 10 - Tables

Tables are a great way to divide a page and organise how your page looks. A table is basically a grid made up of columns and rows. Each little box is called a cell. Your text, pictures, or whatever you'd like to post goes inside the cells.
To create a table, you need to start and end it. To start a table, you have to type <table>, and to end the table, type </table>. What goes between the start and end tags depends on what type of table you want. Every table has at least one row. A table row is one horizontal row made up of x number of table data cells. It is completely up to you what you put into each cell. You can enter text, images, links...anything you'd like. If you want to create a table with two columns and one row, you need to type:

<tr> - start table row
<td> - start table data cell
type your text or image tags here
<td> - start the second table data cell
type your text or image here

It will now look like this:

This is the first data cell... ...and this is the second. Woo hoo I have created my first table!

You can have any number of table rows and data cells, as long as you remember to end each tag. The main thing to remember is to start with a <tr>. Adding extra <tr>'s will add extra rows, and adding extra <td>'s will create an extra cell. If you want to add an extra cell or row, make sure you end the one before it before starting a new one.

Go to Previous Lesson Go to Next Lesson