HTML <tr> Tag
Example
A simple HTML table, containing two columns and two rows:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Try it yourself »
More "Try it Yourself" examples below.
Definition and Usage
The <tr> tag defines a row in an HTML table.
A <tr> element contains one or more <th> or <td> elements.
Browser Support
| Element | |||||
|---|---|---|---|---|---|
| <tr> | Yes | Yes | Yes | Yes | Yes |
Differences Between HTML 4.01 and HTML5
All the layout attributes are removed in HTML5.
Attributes
| Attribute | Value | Description |
|---|---|---|
| align | right left center justify char |
Not supported in HTML5. Aligns the content in a table row |
| bgcolor | rgb(x,x,x) #xxxxxx colorname |
Not supported in HTML5. Specifies a background color for a table row |
| char | character | Not supported in HTML5. Aligns the content in a table row 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 |
| valign | top middle bottom baseline |
Not supported in HTML5. Vertical aligns the content in a table row |
Global Attributes
The <tr> tag also supports the Global Attributes in HTML.
Event Attributes
The <tr> tag also supports the Event Attributes in HTML.
Try it Yourself - Examples
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.
Related Pages
HTML tutorial: HTML Tables
HTML DOM reference: TableRow object
CSS Tutorial: Styling Tables
Default CSS Settings
Most browsers will display the <tr> element with the following default values:
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
