A simple HTML table, with two table cells:
More "Try it Yourself" examples below.
The <td> tag defines a standard cell in an HTML table.
An HTML table has two kinds of cells:
The text in <th> elements are bold and centered by default.
The text in <td> elements are regular and left-aligned by default.
Element | |||||
---|---|---|---|---|---|
<td> | Yes | Yes | Yes | Yes | Yes |
Tip: Use the colspan and rowspan attribute to let the content span over multiple columns or rows!
All layout attributes are removed in HTML5.
Attribute | Value | Description |
---|---|---|
abbr | text | Not supported in HTML5. Specifies an abbreviated version of the content in a cell |
align | left right center justify char |
Not supported in HTML5. Aligns the content in a cell |
axis | category_name | Not supported in HTML5. Categorizes cells |
bgcolor | rgb(x,x,x) #xxxxxx colorname |
Not supported in HTML5. Specifies the background color of a cell |
char | character | Not supported in HTML5. Aligns the content in a cell to a character |
charoff | number | Not supported in HTML5. Sets the number of characters the content will be aligned from the character specified by the char attribute |
colspan | number | Specifies the number of columns a cell should span |
headers | header_id | Specifies one or more header cells a cell is related to |
height | pixels % |
Not supported in HTML5. Sets the height of a cell |
nowrap | nowrap | Not supported in HTML5. Specifies that the content inside a cell should not wrap |
rowspan | number | Sets the number of rows a cell should span |
scope | col colgroup row rowgroup |
Not supported in HTML5. Defines a way to associate header cells and data cells in a table |
valign | top middle bottom baseline |
Not supported in HTML5. Vertical aligns the content in a cell |
width | pixels % |
Not supported in HTML5. Specifies the width of a cell |
The <td> tag also supports the Global Attributes in HTML.
The <td> tag also supports the Event Attributes in HTML.
Table headers
How to create table headers.
Table with a caption
An HTML table with a caption.
Tags inside a
table
How to display elements inside other elements.
Cells that span more than one row/column
How to define table cells that span more than one row or one column.
HTML tutorial: HTML Tables
HTML DOM reference: TableData Object
Most browsers will display the <td> element with the following default values: