The HTML <TABLE> and associated tags are used to line up any HTML content into neatly organized (horizontal) Rows and (vertical) Columns, and may be of particular benefit to WholeNote Lesson authors.
The following describes the minimum amount of information you need to know to start using HTML TABLES in your Lessons - more advanced information may follow.
Each HTML tag is used as a pair, in the form <TAG> ... </TAG>
| <TABLE> |
</TABLE> |
Start/End a TABLE | |
| <TR> |
</TR> |
Start/End a ROW | Must appear inside a <TABLE></TABLE> pair |
| <TD> |
</TD> |
Start/End a CELL (COLUMN) | Must appear inside a <TR></TR> pair
A Cell is where actual HTML content goes |
Usually, each <TR> Row will contain the same number of <TD> cell definitions.
As an example, the HTML code :-
<TABLE>
<TR> <TD>Ant</TD> <TD>Bee</TD> <TD>Centipede</TD> </TR>
<TR> <TD>Deer</TD> <TD>Elephant</TD> <TD>Fox</TD> </TR>
<TR> <TD>Giraffe</TD> <TD>Horse</TD> <TD>Iguana</TD></TR>
</TABLE>
produces the following :-
| Ant | Bee | Centipede |
| Deer | Elephant | Fox |
| Giraffe | Horse | Iguana |