Webpage Workshop: Home » HTML language reference » Table data

Table data

This element is used to specify a cell within a table. This element should only occur within table rows.

<td
    abbr="text"
    align="center | char | justify | left | right"
    axis="group name"
    bgcolor="color name | #rrggbb"**
    char="character"
    charoff="number"
    class="class name(s)"
    colspan="number"
    dir="ltr | rtl"
    headers="id(s)"
    height="pixels"**
    id="unique identifier"
    lang="language code"
    nowrap**
    rowspan="number"
    scope="col | colgroup | row | rowgroup"
    style="style information"
    title="text"
    valign="baseline | bottom | middle | top"
    width="pixels | percentage"**
>
</td>

Key:
‡ = Required attribute
** = Transitional only

Explanation of attributes

abbr: this attribute is used to specify an abbreviated name for a header cell, which could be useful if space is limited.

align: used to specify the horizontal alignment of the cells within the table cell. The value "char" aligns the contents according the value set in the char attribute.

axis: this attribute is used to specify a name for a group of related headers. It may contain a comma separated list of category names.

bgcolor**: used to define the color in which the background of the table cell should be rendered. This attribute can be either the name of a color (support varies) or a color code. Deprecated in favor of stylesheets.

char: used to set the character to which the cells in the table are aligned. This is quite often used when trying to align columns of cells containing monetary figures, where the value of this attribute is set to the period (.) character and the values in the column all line up at the period.

charoff: used to offset the data from the alignment character stipulated in the char attribute. The value of this attribute represents the number of characters to offset by.

class: used to state which class(es) the element belongs to. It is possible to indicate more than one class for an element by separating each class name with a space character. This attribute is normally used in combination with a stylesheet in order to associate the elements with particular styles defined within the stylesheet.

colspan: this attribute is used to specify over how many columns the cell should span. The default value is 1.

dir: used to set the direction of the text in combination with the language set in the lang attribute. The available values are "ltr" (left to right) and "rtl" (right to left), with the default value being "ltr".

headers: this attribute is used to specify which header cells are related to the data in the cell. It should contain a space separated list of header cell ID attribute values.

height**: used to define the height of the cell. This is generally set as a pixel value, although some browsers may support percentage values.

id: used to specify a unique alphanumeric identifier to the element. This is usually used in combination with stylesheets in order to apply a style to one particular instance of an element. Only one element, regardless of type, can be given a particular id.

lang: used to indicate the language being used in the text contained within the element. The value of this attribute takes on the form of the ISO standard lanuage abbreviations found in RFC 3066. A list of these codes can be found on the ISO language codes page.

nowrap**: use of this attribute denotes that the contents should not be word-wrapped.

rowspan: this attribute is used to specify over how many rows the cell should span. The default value is 1.

scope: this attribute is used to specify the other cells for which this cell provides header information. It is a simpler alternative to using headers attributes if the arrangement of header cells is not complex. The value row is used when the cell provides header information for the row, colmean that the cell acts as a header for the column, rowgroup is used when the cell gives header information for the row group (the remaining cells of the table header, table footer, or table body), and finally the value colgroup is used when the cell is a header for the column group.

style: used to specify an inline style to apply to the element. The styles defined here override the styles declared in the header section.

title: used to define an advisory text that may be displayed as a tooltip when a mouse is used to hover over the element.

valign: used to specify the vertical alignment of text within the cells. The default value of this attribute is "middle".

width**: used to define the width of the cell. This is generally set as a pixel value or as a percentage.

Event handlers

The following event handlers are defined for this element:

Compatibility

Description: Support of table data and attributes in various browsers
Test Internet Explorer 6+ Netscape 4 Mozilla and Netscape 6+ Opera 6+ MSN TV (WebTV) Konqeuror 3.0+
Basic element support  Yes  Yes  Yes  Yes  Yes  Yes 
Attribute: abbr  No  No  No  No  No  No 
Attribute: align  Yes  Yes  Yes  Yes  Yes  Yes 
Attribute: axis  No  No  No  No  No  No 
Attribute: bgcolor  Yes  Yes  Yes  Yes  Yes  Yes 
Attribute: char  No  No  No  No  No  No 
Attribute: charoff  No  No  No  No  No  No 
Attribute: class  Yes  Yes  Yes  Yes  Yes  Yes 
Attribute: colspan  Yes  Yes  Yes  Yes  Yes  Yes 
Attribute: dir  Yes  No  Yes  No  No  No 
Attribute: headers  No  No  No  No  No  No 
Attribute: height  Yes  Yes  Yes  Yes  Yes  Yes 
Attribute: id  Yes  Yes  Yes  Yes  Yes  Yes 
Attribute: lang  Yes  No  Yes  No  No  No 
Attribute: nowrap  Yes  Yes  Yes  Yes  No 
Attribute: rowspan  Yes  Yes  Yes  Yes  Yes  Yes 
Attribute: scope  No  No  No  No  No  No 
Attribute: style  Yes  Yes  Yes  Yes  Yes  Yes 
Attribute: title  Yes  No  Yes  Yes  No  Yes 
Attribute: valign  Yes  Yes  Yes  Yes  Yes  Yes 
Attribute: width  Yes  Yes  Yes  Yes  Yes  Yes 

Key:
The browser icons are explained in the below list:
Internet Explorer 6+ = Microsoft Internet Explorer 6+
Netscape 4 = Netscape Communicator 4
Mozilla and Netscape 6+ = Mozilla and Netscape Navigator 6+
Opera 7+ = Opera 7+
MSN TV (WebTV) = MSN TV (aka. WebTV)
Konqeuror 3.0+ = Konqueror 3.0+