HTML | th Tag - Tutorialspoint.dev

The <th> tag in HTML is used to set the header cell of a table. Two type of cell in HTML table.

Header Cell: It is used to hold the header information.
Standard Cell: It is used to hold the body of data.

The working of both tags (<th> and <td>) are same but the text properties are different. In <th> text is bold and centered, and in <td> text is regular and left align by default.

Syntax:

<th> Contents... </th>

Attributes: There are many attributes supported by HTML4.1 but removed from HTML5 are listed below:

abbr: This attribute is used as abbreviated version of the text content in a header cell.
align: Set the alignment the text content.
axis: Categorizes header cells.
bgcolor: Set the background color of a header cell.
char: Aligns the content in a header cell to a character.
charoff: It is used to sets the number of characters that will be aligned from the character specified by the char attribute. The value of this attributes are in numeric form.
colspan: Number of columns a header cell should span.
headers: Specifies one or more header cells a cell is related to.
height: Set the height of a header cell.
nowrap: It specifies that the content inside a header cell should not wrap.
rowspan: Set the number of rows a header cell should span.
scope: It is used to specify the score of header content.
sorted: It is used to sort the direction of a column.
valign It is used to set the vertically alignment of text content.
width: It is used to set the width of a header cell

Example:

<!DOCTYPE html> 
<html> 
    <head> 
        <title>th 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>th Tag</h2> 
        <table> 
            <thead> 
                <tr> 
                    <!-- th tag starts here -->
                    <th>Name</th> 
                    <th>User Id</th> 
                    <!-- th tag end here -->
                </tr> 
            </thead> 
            <tbody> 
                <tr> 
                    <td>Shashank</td> 
                    <td>@shashankla</td> 
                </tr> 
                    <tr> 
                    <td>GeeksforGeeks</td> 
                    <td>@geeks</td> 
                </tr> 
            </tbody> 
        </table> 
        </center> 
    </body> 
</html>                                      

Output:

Supported Browsers: The browser supported by <th> tag are listed below:

Google Chrome
Edge
Firefox
Safari
Opera

HTML | th Tag

tags:

leave a comment

0 Comments

Subscribe to Our Newsletter

Top Followed books