TR Element: Table Row

The <tr> HTML element is used to define a row in a table. It stands for "table row" and serves as a container for <th> (table header) and <td> (table data) elements, which represent the individual cells within the row. The <tr> element is a fundamental part of HTML tables, organizing the data into horizontal rows.

Usage and Characteristics

The <tr> element is used within a <table>, <thead>, <tbody>, or <tfoot> element to group cells into a single row. Each <tr> contains one or more <th> or <td> elements, depending on whether the row is part of the table's header or body. Here is an example of how the <tr> tag can be used:

<table>
  <thead>
    <tr>
      <th>Item</th>
      <th>Quantity</th>
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Apples</td>
      <td>10</td>
      <td>$1.00</td>
    </tr>
    <tr>
      <td>Bananas</td>
      <td>5</td>
      <td>$0.50</td>
    </tr>
  </tbody>
</table>

Valid Attributes for <tr>

The <tr> element does not have specific attributes beyond the global attributes, which include:

Benefits and Considerations

• Data Organization: The <tr> element organizes data into rows, making it easier to read and understand information presented in a table format.

• Styling Flexibility: Rows defined with <tr> can be styled individually or collectively using CSS, allowing for customized design and presentation, such as alternating row colors for better readability.

• Semantic Structure: The <tr> element provides semantic meaning by indicating that the enclosed content is a row in a table, which helps both users and search engines understand the structure of the table.

In summary, the <tr> element is a fundamental component for creating tables in HTML, providing a way to organize data into rows. It enhances the readability and structure of tabular data, making it an essential element for presenting information effectively in a table format.