|
Tables
Tables can be very complicated, so look at the tags to become familiar
with them, then study the examples carefully. Copying, pasting, and altering
the examples will help you see why things are where they are, and what
happens when anything is changed around.
table width: This denotes the span of the table across the page.
Use 1%-100%
border: The width of the border around the whole table. Use 1,
2, 3...
bordercolor=XXXXXX Specifies the color of the border.
bgcolor: If placed in the <Table> tag, denotes the color
of ALL the cells. If placed in the <td> tags, this denotes the color
of the individual cell.
cellpadding: Space between the text and the edge of the cell.
Use 1, 2, 3...
cellspacing: Space between each cell, Use 1, 2, 3...
<th></th>Table header: Sets the font in bold and
is used to create categories for your table
<tr></tr>Table rows: sets the row of data under the
header.
<td></td> Table Data: each "TD" is a column
inside td you can add
- font face, color, & size
- align=right, left, center
- links & images using all the same tags you would use outside a list
</table>Ends the table
<html>
<head>
<title>Tables</title>
<body>
<TABLE WIDTH=100% ALIGN=CENTER bgcolor=white BORDER=4
bordercolor=gray>
<tr>
<th bgcolor=blue font color=white>Column
One</th>
<th bgcolor=blue>Column Two</th>
<th bgcolor=blue font color=white>Column
Three</th>
<th bgcolor=blue>Column Four</th>
</tr>
<tr>
<td bgcolor=red font color=white>Data</td>
<td>Data</td>
<td bgcolor=red font color=white>Data</td>
<td>Data</td>
</tr>
<tr>
<td>Data</td>
<td bgcolor=yellow font color=white>Data</td>
<td>Data</td>
<td bgcolor=yellow font color=white>Data</td>
</tr>
<tr>
<td bgcolor=green font color=white>Data</td>
<td>Data</td>
<td bgcolor=green font color=white>Data</td>
<td>Data</td>
</tr>
</table><p>
</body>Tables</title>
</html>
|
| Column One |
Column Two |
Column Three |
Column Four |
| Data |
Data |
Data |
Data |
| Data |
Data |
Data |
Data |
| Data |
Data |
Data |
Data |
|
