DevGuru HTML Tag: tr

TAG: tr

<tr> ... </tr>
Available in versions: 3.2, 4.0
Browser compatibility: Explorer 4, 5 Netscape 4, 6

The <tr> tag is used to create a row in a table element. You can create as many rows as you wish.

This row can contain one or more cells where each cell can contain data, information, or text that you wish to display in the table. These cells are created by using either the td or th tags.

The closing tag is optional. However, it is recommended that it always be included. Also, tr tags should never appear inside of th, td, or other tr tags.

The coding sequence is:
<tr><th> place header here </th></tr>
And:
<tr><td> place data here </td></tr>

Core attributes:

class dir id lang onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup style title

Attributes

align
The align attribute is used to set the horizontal alignment of the cell contents for all of the cells in a single row. The five permitted values are center, char, justify, left, and right.

bgcolor
The bgcolor attribute sets the background color for all of the cells in the row. It can be either a named color (such as red) or a six character hexadecimal RGB color code (such as #e26fa9). This value overrides any value that was set in the table tag.

char
The char attribute permits you to select a character that will be used to align the contents of all of the rows in a column. This was designed to allow the decimal points in a column of numbers to be in vertical alignment. The default value is country dependent. In the U.S., it is the first occurrence of a period or a decimal point.

charoff
The charoff attribute is an integer used to specify if the value designated in the char attribute is to be the first, second, or whatever occurrence.

valign
The valign attribute is used to set the vertical alignment of the cell contents for all of the cells in a single row. The possible values are baseline, bottom, middle, and top.

This example demonstrates the basic table tags:

Code:
<table width="80%" border="10" cellpadding="3" cellspacing="5" align="center">
<caption>
<center>How To Code A Table</center>
 
Use the caption tag to name the table and to provide useful information about the contents
</caption>
<tr>
<th colspan="2">Use the th tag to create the header which will display in bold</th>
</tr>
<tr>
<td width="50%">The tr tag creates the row</td>
<td width="50%">The td tag creates individual cells for each row</td>
</tr>
<tr>
<td width="50%">You should always use closing tags</td>
<td width="50%">You can use a variety of HTML tags inside the cell</td>
</tr>
<tr>
<td width="50%">The three new version 4.0 table tags are tbody, tfoot, and thead</td>
<td width="50%">The colspan attribute allows you span more than one cell</td>
</tr>
</table>

Output:

**How To Code A Table**
Use the caption tag to name the table and to provide useful information about the contents
Use the th tag to create the header which will display in bold
The tr tag creates the row	The td tag creates individual cells for each row
You should always use the closing tags	You can use a variety of HTML tags inside the cell
The three new version 4.0 table tags are tbody, tfoot, and thead	Setting colspan allows you span more than one cell