Writing HTML Code for Tables 1
Tables are used for holding data and organizing a page. They allow you to
separate a menu from contents of a page. They allow you to color and tile
images in select areas of a page.
A table consiists of rows and columns. Each row contains a set of cells.
Cells stacked up on one another represent a column.
This is a simple example of how a table is layed out. IT will look
like this:
cell 1 |
cell2 |
cell 3 |
cell4 |
Meaning of
tags. |
Tags |
The Table Tag <TABLE> tells the
browser to start the table. |
<TABLE> |
The table row tag <TR> tells the
browser that a new row is started. |
<TR> |
The table data cell tag <TD>
tells the browser that there is a cell. The TD tag is the only place
that data can be put in a table. |
<TD> |
The contents of the data cell is
placed between the start of the table data cell tag <TD> and the close
of it. </TD> |
cell 1 |
The browser interprets this as
the close of the Table Data Cell |
</TD> |
Start of a new cell |
<TD> |
cell contents |
cell2 |
Close of the data cell |
</TD> |
The browser interprets the end
of the row tag </TR> as the end of that row in the table. |
</TR> |
Start of a row |
<TR> |
start of a data cell |
<TD> |
cell contents |
cell 3 |
end of a data cell |
</TD> |
start of a data cell |
<TD> |
cell contents |
cell 4 |
end of a data cell |
</TD> |
end of the table row |
</TR> |
End of the table </TABLE> |
</TABLE> |
|
|
Continue to TABLE WRITING 2