HTML <tr> tag
Example
A simple HTML table, containing two columns and two rows:
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table> |
Try it yourself! (more examples at the bottom of this page)
|
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
The <tr> tag is supported in all major browsers.
Differences Between HTML and XHTML
The "bgcolor" attribute of the tr element were deprecated
in HTML 4.01, and are not supported in XHTML 1.0 Strict DTD.
Optional Attributes
DTD indicates in which DTD the attribute is
allowed. S=Strict, T=Transitional, and F=Frameset.
| Attribute |
Value |
Description |
DTD |
| align |
right
left
center
justify
char |
Aligns the
content in a table row |
STF |
| bgcolor |
rgb(x,x,x)
#xxxxxx
colorname |
Deprecated. Use styles instead.
Specifies a background color for a table row |
TF |
| char |
character |
Aligns the content in a table row to a character |
STF |
| charoff |
pixels
% |
Sets the number of characters the content will be aligned
from the character specified by the char attribute |
STF |
| valign |
top
middle
bottom
baseline |
Vertical aligns the
content in a table row |
STF |
Standard Attributes
| id, class, title, style, dir, lang, xml:lang |
For a full description, go to Standard
Attributes.
Event Attributes
| onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup |
For a full description, go to Event Attributes.
Try-It-Yourself Demos
Tables
How to create simple HTML tables.
Table borders
HTML tables with different borders.
Table headers
How to create table headers.
Empty cells
How to use " " to handle cells that have no content.
Table cells that span more than one row/column
How to define table cells that span more than one row or one column.
Tags inside a
table
How to display elements inside other elements.
Add a
background color and a background image to a table cell
How to add a background to a table cell.
Align the content in a table cell
How to use the "align" attribute to align the content of cells.
|
