Kid's Guide

1 - Tags
2 - Page Sections
3 - Format/Nesting
4 - Head Tags
5 - Body tags
6 - Text Decoration
7 - Lists
8 - Colour
9 - Source
10 - Images
11 - Links/Anchor Tag
12 - Special Charaters
13 - Tables
    part 1 - rows & columns
    part 2 - backgrounds
    part 3 - alignment
    part 4 - borders
    part 5 - nesting
14 - Frames

Tables

Tables are THE most useful tool when designing web pages. They separate the page into usable chunks, called cells. Each cell can be considered a little area of itself. This page here 13 - Tables is made up of tables. the first table holds the Alien Navigation Dial and Jet's Help Bubble. The second table contains the site's different protected zones Kid's Zone, Teacher's Zone and Advanced Zone. The third table has the choices for each content section - you are currently in the Guide content section. The fourth table holds each lesson, and the fifth the bottom buttons.

IMPORTANT! when coding tables it becomes VERY necessary to remember to ALWAYS FORMAT YOUR CODE! When you start to nest tables inside of tables you will regret not formatting!

One of the most common and easy way to start using tables is to put your text into Columns.

code:
<table>
  <tr>
    <td>text in columns<br>Column 1</td>
    <td>text in columns<br>Column 2</td>
  </tr>
</table>

How it looks:

You can have practically any combination of rows, columns, background and text effects.

Explore the other parts of this section to learn how!