Code Example For Tr In HTML (To Organize Table Rows) »

Skip to content HTML / HTML Tables: Find Out When To Use Them (And When To Avoid) / Code Example For Tr In HTML (To Organize Table Rows)Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn moreElement ofHTML Tables: Find Out When To Use Them (And When To Avoid)What does Code Example For Tr In HTML (To Organize Table Rows) do?The <tr> element is used to group together <th> or <td> values into a single row of table heading or data values. The <tr> element may be a direct child of a <table> element or nested within a parent <thead>, <tfoot>, or <tbody> element.Displayinline

Contents

• 1 Code Example
• 2 Organizing Table Data
• 3 Organizing Table Rows
• 4 Attributes of Code Example For Tr In HTML (To Organize Table Rows)

Code Example

<table> <tr> <th>A</th> <th>Heading</th> <th>Row</th> </tr> <tr> <td>The first</td> <td>row of</td> <td>table data</td> </tr> <tr> <td>The second</td> <td>row of</td> <td>table data</td> </tr> </table>

A	Heading	Row
The first	row of	table data
The second	row of	table data

Organizing Table Data

Data in HTML tables is organized into rows. This can be a bit confusing since the logical flow of data when the table is rendered is in columns. The basic building block of an HTML table is the table row. Table rows don’t contain any data directly. Instead, table rows must be filled with table data (td) and table heading (th) cells. It is these table data and heading cells the actually hold the data presented in the table.

Organizing Table Rows

Simple tables often consist of a parent <table> element and a handful of table rows. However, complex tables can often benefit from greater organization and there are three elements that can be used to add greater structure to HTML tables:

• <thead>: Use as a parent container for the row that contains table headings.
• <tfoot>: Use as a parent container for one or more rows that contain summary data about the data in each table column.
• <tbody>: Use as a parent container for the rows of data presented in a table.

Adam WoodAdam is a technical writer who specializes in developer documentation and tutorials.

Attributes of Code Example For Tr In HTML (To Organize Table Rows)

Attribute name	Values	Notes
<tr align="">	Sets the horizontal alignment for the contents of each <td> element in a table row.
HTML Form Code For Beginners (And When To Use It)	Sets the vertical alignment of all content in a table row.
Tr Bgcolor Is Obsolete: Here's How To Set Table Row Background Color Now	Sets the background color for a single table row in an HTML table.
<tr background="">	Identifies the URL of a file to be used as a background image for a table row.
<tr bordercolor="">	Sets the border color for all inside borders of a table row.

Post navigation

What Does Td Colspan Have To Do With Tables In HTML?Applets

Search HTML.com

Search for:

Most Popular

• <var> HTML Tag300 views
• What Is Doxing? (And Why Is It So Scary?): An Infographic83 views
• New Audio HTML Element: Master It Out Now With Our Code Example61 views
• The Web Worker's Stress Busting Toolbox: 50 Tips to Improve Your Life41 views
• <meter> HTML Tag40 views