Skip to content
Related Articles

Related Articles

Improve Article

HTML th Tag

  • Difficulty Level : Basic
  • Last Updated : 01 Jul, 2021

The <th> tag in HTML is used to set the header cell of a table. Two types of cells in the 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 the 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 an abbreviated version of the text content in a header cell.
  • align: Set the alignment of the text content.
  • axis: Categories 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 these attributes is 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 vertical alignment of text content.
  • width: It is used to set the width of a header cell

Example: 

HTML




<!DOCTYPE html>
<html>
    <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: 

  • Google Chrome
  • Edge
  • Firefox
  • Safari
  • Opera

 

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :