The <table> tags contain the entire table. Then the "cell" of the table is inside a "table data" tag of <td>
This table just has table-td for each item.
| I'm your first cell. | I'm your 2 cell. | I'm your 3 cell. | I'm your 4 cell. |
This next one contains the four td's inside a tr, for "table row"
| I'm your first cell. | I'm your 2 cell. | I'm your 3 cell. | I'm your 4 cell. |
The next one has a few rows, each created by tr's:
| I'm your 1-1 cell. | I'm your 1-2. | I'm your 1-3. | I'm your 1-4. |
| I'm your 2-1 cell. | I'm your 2-2. | I'm your 2-3. | I'm your 2-4. |
| I'm your 3-1 cell. | I'm your 3-2. | I'm your 3-3. | I'm your 3-4. |
The next one adds in row and column titles, by calling them "headers" and giving them the tags, th. They work just like other td elements, and so need to be placed in a tr corresponding to the row they exist in. Isn't making tables the best?
| empty space | column 1 | column 2 | column 3 | column 4 |
|---|---|---|---|---|
| row 1 | I'm your 1-1 cell. | I'm your 1-2. | I'm your 1-3. | I'm your 1-4. |
| row 2 | I'm your 2-1 cell. | I'm your 2-2. | I'm your 2-3. | I'm your 2-4. |
| row 3 | I'm your 3-1 cell. | I'm your 3-2. | I'm your 3-3. | I'm your 3-4. |
This next one introduces merging rows and columns together.
| Animals | |
|---|---|
| Hippopotamus | |
| Horse | Mare |
| Stallion | |
| Crocodile | |
| Chicken | Hen |
| Rooster | |