Tables
Tables are quite useful. With tables you can make a pyramid of pictures,
like this, a set of pictures
to look at like this,
or just a normal table.
You can make a table using the <table> command. Within each
table, you can define a row using the <tr> command. Rows can only
be defined within a table. Finally, you can define a cell of a row
with a <td> command. Cells can only be defined within a row.
Here is a sample table in both HTML and as a table....
<TABLE BORDER>
<TR>
<TD>Row 1 Column 1</TD>
<TD>Row 1 Column 2</TD>
</TR>
<TR>
<TD>Row 2 Column 1</TD>
<TD>Row 2 Column 2</TD>
</TR>
</TABLE>
Row 1 Column 1 |
Row 1 column 2 |
Row 2 Column 1 |
Row 2 Column 2 |
Table Attributes
Tables can have several attributes. All of these are options that
go in the table tag. (This table has border=5)
Option |
Function |
WIDTH=100% |
Set the width of the column |
BORDER=4 |
Create table borders of width 4 pixels |
COL=2 |
Make 2 equal sized columns (as opposed to unequal columns) |
Row Attributes
Rows can also have attributes. (This table has border=1 and COL=2)
Option |
Function |
ALIGN=LEFT (or RIGHT or CENTER) |
All the cells left. |
VALIGN=TOP (or BOTTOM or CENTER) |
Vertical alignment |
Cell attributes
Almost any legal HTML formatting code can go inside a cell. Cells
can contain images, font changes, or whatever. Finally, cells can
have attributes. (This table has no options).
Option |
Function |
ROWSPAN=2 |
Make this cell two rows high. |
COLSPAN=3 |
Make this cell three columns wide. |
Here is a totally weird table.
Just a normal cell |
COLSPAN=2
ROWSPAN=2 ALIGN=CENTER VALIGN=CENTER |
|
vAlign=bottom
allign=right |
|