TAG:  tr
<tr> ... </tr>
 
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 tr tag should never appear inside of a th, td, or other tr tags.
 
The separate closing tag is mandatory.
 
The coding sequence is:
<tr><th> ... place header here ... </th></tr>
<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
 
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.
 
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:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="eng">
<head>
<title>DevGuru XHTML tr Tag Example</title>
</head>
<body>
<table width="80%" border="10" cellpadding="3" cellspacing="5" align="center">
<caption>
<b>How To Code A Table</b>
<br />
Use the caption tag to name the table and to provide useful information about the contents
</caption>
<tr>
<th colspan="2">Use the <b>th</b> tag to create the header which will display in bold</th>
</tr>
<tr>
<td style="width:50%">The <b>tr</b> tag creates the row</td>
<td style="width:50%">The <b>td</b> tag creates individual cells for each row</td>
</tr>
<tr>
<td style="width:50%">You should always use closing tags</td>
<td style="width:50%">You can use a variety of HTML tags inside the cell</td>
</tr>
<tr>
<td style="width:50%">The three new table tags are <b>tbody, tfoot,</b> and <b>thead</b></td>
<td style="width:50%">The <b>colspan</b> attribute allows you span more than one cell</td>
</tr>
</table>
</body>
</html>
 
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 table tags are tbody, tfoot, and thead Setting colspan allows you span more than one cell


Copyright 1999-2001 by Infinite Software Solutions, Inc. All rights reserved.
Trademark Information