Project 04

CREATING TABLES IN A WEB

SITE
Caption

 <caption>…</caption >
 Creates a caption for a table align="position"
 Sets caption position (top, bottom, left, right)
Columns

Organizes columns in a table into column groups to

<col>…</col> share attribute values

Sets horizontal alignment of text within the

align="position" column (char, center, top, bottom, left, right)
Sets the number of columns that span the <col>
span="value" element

Specifies vertical alignment of text within the

valign="position" column (top, middle, bottom)

width="value" Sets the width of each column in the column group

 Column Group
Encloses a group of <col> tags and groups
<colgroup>…</colgroup> the columns to set properties
Specifies horizontal alignment of text
within the column (char, center, top,
align="position" bottom right, left)
Specifies a character on which to align
volume values (e.g., a period is used to
char="character" align monetary values)
Specifies a number of characters to offset
data aligned with the character specified
charoff="value" in the char property
Sets the number of columns the <col>
span="number" element spans
Specifies vertical alignment of text within
valign="position" the column (top, middle, bottom)
Sets the width of each column spanned by
Width="value" colgroup statement
 Table
<table>…</table> Marks the start and end of a table
Aligns the table text (left, right, center,
align="position" justify, char)
Sets the border around a table to a value in
border="value" pixels
Sets padding around each cell's contents to a
cellpadding="value" value in pixels
cellspacing="value" Sets spacing between cells to a value in pixels
Provides a summary of the table's purpose and
summary="text structure
Sets table width in pixels or a percentage of
width="value or %" the window
Defines which parts of the outer border
(frame) to display (void, above, below,
frame="option" hsides, lhs, rhs, vsides, box, border)
Specifies which inner borders are to display
between the table cells (none, groups, rows,
rules="option: cols, all)
Table Body

<tbody>…</tbody> Defines a groups of rows in a table body

align="option" Aligns text (left, center, right, justify, char)

Specifies a character on which to align

column values (e.g., a period is used to align
char="character" monetary values)

Specifies a number of characters to offset

data aligned with the character specified in
charoff="value" the char property

Sets vertical alignment of cells in a group

valign="position" (top, middle, bottom, baseline)
Table Data
Defines a data cell in a table; contents are left-aligned and normal
<td>…</td> text by defaults
bgcolor="color" Defines the background color for the cell
colspan="value" Defines the number of adjacent columns spanned by the cell
rowspan="value" Defines the number of adjacent rows spanned by the cell
Sets the width of the table in either pixels or a percentage of the
width="n or %" whole table width
headers="idrefs" Defines the list of header cells for the current cell
Provides an abbreviated version of the cell's contents that browsers
abbr="text" can use if space is limited
Specifies cells for which the element defines header cells (row,
scope="option" col, rowgroup, colgroup)
align="position" Specifies horizontal alignment (left, center, right, justify, char)
Specifies a character on which to align column values (e.g. a period
char="character" is used to align monetary values)
Specifies a number of characters to offset data aligned with the
charoff="value" character specified in the char property
Sets vertical alignment of cells in the group (top, middle, bottom,
valign="position" baseline)
 Table Footer
<tfoot>…</tfoot> Identifies and groups rows into a table footer
Specifies horizontal alignment (left, center, right,
align="position" justify, char)
Specifies a character on which to align column
values (e.g., a period is used to align monetary
char="character" values)
Specifies a number of characters to offset data
aligned with the character specified in the char
charoff="value" property
Sets vertical alignment of cells in a group (top,
valign="position" middle, bottom, baseline)
Table Header
Defines a table header cell; contents are bold
<th>…</th> and center-aligned by default
bgcolor="color" Defines the background color for the cell
Defines the number of adjacent columns spanned
colspan="value" by the cell
Defines the number of adjacent rows spanned by
rowspan="value" the cell
Sets the width of the table in either pixels or a
width="n or %" percentage of the whole table width
Table Header – Row Group
<thead>…</thead> Identifies and groups rows into a table header
Specifies horizontal alignment (left, center,
align="position" right, justify, char)
Specifies a character on which to align column
values (e.g., a period is used to align
char="character" monetary values)
Specifies a number of characters to offset
data aligned with the character specified in
charoff="value" the char property
Sets vertical alignment of cells in a group
valign="position" (top, middle, bottom, baseline)
Table Row
<tr>…</tr> Defines a row of cells within a table
bgcolor="color" Defines the background color for the cell
Specifies horizontal alignment (left, center,
align="position" right, justify, char)
Specifies a character on which to align column
values (e.g., a period is used to align monetary
char="character" values)
Specifies a number of characters to offset data
aligned with the character specified in the char
charoff="value" property
Sets vertical alignment of cells in a group (top,
valign="position" middle, bottom, baseline)