THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

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 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.


Examples

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;
}