How to Create Header Cell in a Table using HTML?

How to Create Header Cell in a Table using HTML?

Last Updated : 20 Nov, 2024

A header cell in a table made with <th> tag is used to label columns or rows, helping organize information. To create a header cell in an HTML table, use the <th> element. Header cells typically contain titles for each column or row, and they are bold by default.

Syntax

<th> Contents... </th>

Approach For Creating a Header Cell In A Table

Use <table> with <th> for header cells and <td> for regular cells to organize data in rows and columns.
Add border="1" in <table> to create visible borders around each cell.

html

<table border="1">
    <tr>
        <th>Employee ID</th>
        <th>Name</th>
        <th>Department</th>
        <th>Email</th>
    </tr>
    <tr>
        <td>001</td>
        <td>John Doe</td>
        <td>Marketing</td>
        <td>[email protected]</td>
    </tr>
</table>

Output

Output — Header Cell In A Table

How to Create Header Cell in a Table using HTML?

M

manaschhabra2

Improve

Article Tags :

Practice Tags :

Misc

Similar Reads

How to create table cell using HTML5 ?

In this article, we will create cell in a table by using a combination of <tr> and <td> tag in a HTML table. Syntax: <table> <tr> <td> . . . </td> <td> . . . </td> </tr> </table> Example: html <!DOCTYPE html> <html> <head>

How to create a table row using HTML?

Define a row in a table by using a <tr> tag in a document. This tag is used to define a row in an HTML table. The tr element contains multiple th or td elements. Syntax:<tr> ... </tr>Example: In this example, a table row in HTML5, utilizes the <tr> tag within the <tbody

How to group header content of a table using HTML5 ?

In this article, we define to group the header content in a table by using the <th> tag in HTML to set the header cell of a table. Two types of cells in an 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 bot

How to use header & footer in HTML table ?

The <thead> and <tfoot> tags are used to separate the table into header and footer, which becomes useful when we are dealing with tables having a large amount of data. In this article, we would be discussing how to use the header and footer tags in HTML. For that purpose, we have created

How to define a table caption using HTML ?

In this article, we define a table caption by using the <caption> tag element. The caption element is used to specify the caption of a table. This tag will be inserted just after the table tag. Only one caption can be specified for one table. It is by default aligned to the center. Syntax: