Oleg. K. -- HTML 3.2 / Tables

HTML 3.2 / Tables

[ Examples || Codes used || Help ]

Note: The above links will open in a separate browser window

<TABLE attribute1="..." attribute2="...">...< /TABLE>
Specifies a table. Both the starting and the ending tags are required - otherwise the display of the whole table contents may be suppressed. The width is set automatically to fit the contents, which can be overridded by a value of the WIDTH attribute.
1. BORDER="..."--Specifies the width of the border around the table in pixels. By default, it usually has a value "1". Setting the value to "O" suppresses the border.
2. BGCOLOR="..."--Specifies the background color of the table. (N3.0b)
3. WIDTH="..."--Specifies the width of the table either in pixels (e.g. WIDTH="150") or relative to the left and right margins of the current browser window (e.g. WIDTH="75%".)
4. CELLSPACING="..."--Specifies the spacing (in pixels) between the cells in the table. The default is usually 1, if the BORDER value is a nonzero one.
5. CELLPADDING="..."--Specifies the spacing (in pixels) between the edges of the cell and its contents.
6. BORDERCOLOR="..."--Specifies the border color of the table.
7. HEIGHT="..."--Specifies the height of the table on the page.
8. ALIGN="..."--Specifies horizontal alignment of the table itself.
9. BACKGROUND="..."--Specifies the address of an image used as background.(IE)
10. BORDERCOLORLIGHT="..."--Specifies the lighter color used in creating the 3D borders independently. (IE)
11. BORDERCOLORDARK="..."--Specifies the darker color used in creating the 3D borders independently. (IE)
12. FRAME="..."--Specifies which sides of the outer border of the table are displayed.(IE)
  1. VOID--No outside borders are displayed.
  2. BORABOVE--Displays a border on the top side of the table.
  3. BELOW--Displays a border on the bottom side of the table.
  4. HSIDES--Displays the top and bottom borders of the table.
  5. LHS--Displays the left-hand side border.
  6. RHS--Displays the right-hand side border.
  7. VSIDES--Displays the right and left side borders.
  8. BOX--Displays a border on all sides of the table.
  9. BORDER--Displays a border on all sides o f the table.
13. RULES="..."--Specifies which inner borders of the table are displayed.(IE)
  1. NONE--No inside borders are displayed.
  2. GROUPS--Displays inner borders between the various table groups such as THEAD, TFOOT, TBODY, and COLGROUP groups.
  3. ROWS--Displays inner borders between the table rows.
  4. COLS--Displays inner borders between the table columns.
  5. BORALL--Displays inner borders between all rows and columns.
<CAPTION attribute1="...">...< /CAPTION>
Specifies the caption of the table.
1. ALIGN="..."--Specifies the position of the caption. Possible values are LEFT, RIGHT, BOTTOM, or TOP. The default value is usually TOP. Captions are limited to text-level elements.
<TR attribute1="..." attribute2="..."> ...</TR>
Specifies a table row, which encloses one or more table cells. The end tag can be left out: the table is going to automatically start a new row as soon as it sees another <TR> tag.
1. ALIGN="..."--Specifies the horizontal alignment of the cells contained within the row. Possible values are LEFT, CENTER, RIGHT, JUSTIFY and DECIMAL (the latter aligns vertically the first occurrence of a decimal point.). The individual cells within the row can override the value set for the entire row by setting their own ALIGN attribute to a corresponding value.
2. VALIGN="..."--Specifies the vertical alignment of the row contents. Possible values are TOP, MIDDLE, BOTTOM, and BASELINE. The individual cells within the row can override the value set for the entire row by setting their own ALIGN attribute to a corresponding value.
3. NOWRAP--suppresses automatical lines wrapping. You can then indicate line breaks explicitly by using <BR>.
4. CLEAR--
5. BGCOLOR="..."--Specifies the background color for the row. Again, the individual cells within the row can override the value set for the entire row by setting their own ALIGN attribute to a corresponding value. (N3.0b)
6. BORDERCOLOR="..."--Specifies the border color of the row.
7. BORDERCOLORLIGHT="..."--Specifies the lighter color used in creating the 3D borders independently. (IE)
8. BORDERCOLORDARK="..."--Specifies the darker color used in creating the 3D borders independently. (IE)
<TH attribute1="..." attribute2="..."> ...< /TH>
Indicates that the contents of the cell is used as a table heading. The end tag can be left out: the table is going to automatically start a new row as soon as it sees another <TH> tag. By default it is usually rendered in bold.
1. ALIGN="..."--Specifies the horizontal alignment of the cell contents. Possible values are LEFT, CENTER, RIGHT, JUSTIFY and DECIMAL (the latter aligns vertically the first occurrence of a decimal point.) It overrides the ALIGN attribute on the table row to which the cell belongs. The default value is CENTER (LEFT if used with the TD tag.).
2. VALIGN="..."--Specifies the vertical alignment of the cell contents. Possible values are TOP, MIDDLE, BOTTOM, and BASELINE. It overrides the ALIGN attribute on the table row tow which the cell belongs. The default value is MIDDLE.
3. NOWRAP--Supresses automatic word wrapping within the cell. You can then indicate line breaks explicitly by using <BR>.
4. BGCOLOR="..."--Specifies the background color for the cell. (N3.0b)
5. BACKGROUND="..."--Specifies the address of an image used as a background.(IE)
6. BORDERCOLOR="..."--Specifies the border color of the cell.
7. BORDERCOLORLIGHT="..."--Specifies the lighter color used in creating the 3D borders independently. (IE)
8. BORDERCOLORDARK="..."--Specifies the darker color used in creating the 3D borders independently. (IE)
9. ROWSPAN="..."--Specifies the number of rows the cell will span. This allows you to merge cells across rows. The default is one.
10. COLSPAN="..."--Specifies the number of columns the cell will span. This allows you to merge cells across columns. The default is one.
11. WIDTH="..."--Specifies the width of the cell in pixels (excluding the cell padding.) A different value may be forced by the browser if the one specified conflicts with the width requirements for other cells in the same column.
12. HEIGHT="..."--Specifies the height of the cell in pixels (excluding the cell padding.) A different value may be forced by the browser if the one specified conflicts with the height requirements for other cells in the same row.
<TD attribute1="..." attribute2="..."> Indicates that the contents of the cell is used as a container for the table data. The end tag can be left out: the table is going to automatically start a new row as soon as it sees another <TR> tag. By default it is usually rendered in bold. It has the same set of possible attributes as the TH element.
<COLGROUP attribute1="..." attribute2="...">(IE)
This tag defines a group of one or more columns and specifies the defaults for all the columns in this group. This tag usually follows the opening TABLE tag.
1. ALIGN="..."--Specifies the position of the text within the cells of the Columns. Possible values are LEFT, CENTER, RIGHT, BOTTOM, or TOP.
2. SPAN="..."--Specifies the number of columns for which these attributes will apply.
<COL attribute1="..." attribute2="...">(IE)
Used with the COLGROUP tag, this specifies the properties of one column. This tag overrides any value specified for the COLGROUP tag that comes immediately before it.
1. ALIGN="..."--Specifies the position of the text within the cell of the column. Possible values are LEFT, CENTER, RIGHT, BOTTOM, or TOP.
2. SPAN="..."--Specifies the number of columns for which these attributes will apply.
<TBODY>...< /TBODY>(IE)
Encloses the body of your table. It used to separate the rows in the table from those in the header or footer. This tag is optional unless you are using the THEAD or TFOOT tags.
<TFOOT>...< /TFOOT>(IE)
Encloses the table rows that are to be used as a footer. This tag is optional and it comes right after the ending TBODY element.
<THEAD>...< /THEAD>(IE)
Encloses the table rows that are to be used as a header. This tag is optional and it comes before the opening TBODY element.

Oleg K.'s HTML shop
Copyright © 1997 - Oleg K.