|
Tables |
 |
| This is caption. |
| This is header. |
The letters in this section are bold. |
We are bold because we are in <TH>
tag. |
<TH> means Table Header. |
| This cell is wider than others
because the colspan was set = 2. |
This text is in a regular cell. |
This cell has more vertical
space because the rowspan was set = 2. |
| This text is in a regular cell. |
This text is in a regular cell. |
This text
is right/bottom align. |
Here is the HTML code that makes this table;
here also is a description of what the code does. Following this
example, you will understand the basic rules and be able to build
your own table.
<table border="1"
cellpadding="5" cellspacing="5">
The border of the table was specified as 1
pixel. If you want an invisible table border, just set it to 0.
Cellpadding (spacing within cells themselves) = 5 pixels.
Cellspacing (spacing between each cells) = 5 pixels.
<caption align="top">This
is caption.</caption>
Caption tag show the caption above the table.
<tr>
Telling a browser that we are opening a table's row.
<th bgcolor="#FFFFCC">This
is header</th>
<th bgcolor="#FFFFCC">The letters in this section
are bold.</th>
<th bgcolor="#FFFFCC">We are bold because we are
in <TH> tag.</th>
<th bgcolor="#FFFFCC"><TH> means
Table Header</th>
<th> tag refers to "Table Header". Characters
within this tag will be shown bold. Like the <td> tag, the
<th> tag can have the value of background color specified.
This is not in the HTML 3.2 standard, but this additional attribute
is supported by both Netscape and Explorer. You can also put background="your_image.gif"
as a background, but only Explorer supports table background.
</tr>
Close the row.
<tr>
Open new row
<td colspan="2">This cell
is wider than others because the colspan was set = 2.</td>
<td>This text is in a regular cell.</td>
<td rowspan="2">This cell has more vertical space
because the rowspan was set = 2.</td>
<TD> = table data. COLSPAN is the number of columns spanned
by the cell. ROWSPAN is the number of rows spanned by the cell.
Both have a default at 1.
</tr>
Close the row.
<tr>
Open new row
<td>This text is in a regular cell.</td>
<td>This text is in a regular cell.</td>
<td align="right" valign="bottom">This
text is right/bottom align.</td>
ALIGN is for horizontal. Its default value is "left".
VALIGN is for vertical. Its default value is "middle".
</tr>
</table>
Now you know the basics of how to build a table
and what table attributes are. You may adjust and use tables in
many circumstances.
|
 |
|