Open In App
Related Articles

HTML tr Tag

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

The <tr> tag is used to define a row in an HTML table. The <tr> element contains multiple <th> or <td> elements. 

Syntax

<tr>.....</tr>

Attributes

  • align: Align the content.
  • bgcolor: Specify the background of the row
  • char: Align the content to a character
  • charoff: Set the number of character
  • valign: Vertical align the content

Example: This example describe the basic usage of the <tr> tag in HTML Table.

html

<!DOCTYPE html>
<html>
 
<head>
    <title>tr tag</title>
    <style>
        body {
            text-align: center;
        }
 
        h1 {
            color: green;
        }
 
        th {
            color: blue;
        }
 
        table,
        tbody,
        td {
            border: 1px solid black;
            border-collapse: collapse;
        }
    </style>
</head>
 
<body>
    <center>
        <h1>GeeksforGeeks</h1>
        <h2>tr Tag</h2>
        <table>
            <thead>
                <!-- tr tag starts here -->
                <tr>
                    <th>Name</th>
                    <th>User Id</th>
                </tr>
                <!-- tr tag end here -->
            </thead>
            <tbody>
                <tr>
                    <td>Shashank</td>
                    <td>@shashankla</td>
                </tr>
                <tr>
                    <td>GeeksforGeeks</td>
                    <td>@geeks</td>
                </tr>
            </tbody>
        </table>
    </center>
</body>
 
</html>

                    

Explanation

  • HTML page styled with centered layout, headings in green, table 3 rows and cells in black border.
  • Table created with “Name” and “User ID” headers in thead.
  • Table body populated with user information in rows and cells.
  • CSS styles applied to headers and table elements for layout and border styles.
  • Page displays “GeeksforGeeks” heading, “tr Tag” subheading, and user data in a structured table format.

Output: 

 

Note : The <tr> tag also supports the Global Attributes and the Event Attributes in HTML.

Supported Browsers

The browsers supported by HTML <tr> Tag are listed below:

  • Google Chrome 1 and above
  • Edge 12 and above
  • Firefox 1 and above
  • Apple Safari
  • Opera


Last Updated : 15 Nov, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads