Skip to content
Related Articles
Open in App
Not now

Related Articles

HTML | <td> headers Attribute

Improve Article
Save Article
  • Last Updated : 01 Aug, 2022
Improve Article
Save Article

The HTML <td> headers Attribute is used to specify the table cell containing Header information for the current data cell

Syntax: 

<td headers="header_id">

Attribute Values: It contains the value i.e header_id which specify the space to the separated list of id’s to one or more Header cell that the table data cell is related to. 

Example: 

html




<!DOCTYPE html>
<html>
 
<head>
    <style>
        table,
        th,
        td {
            border: 1px solid green;
        }
    </style>
</head>
 
<body>
 
    <h1 style="color:green;">
            GeeksForGeeks
        </h1>
 
    <h2>
        HTML &lt;td&gt; Headers Attributes
    </h2>
 
    <table>
        <tr>
            <th id="name">Name</th>
            <th id="father">Father's Name</th>
            <th id="mother">Mother's Name</th>
            <th id="phone">Phone No.</th>
        </tr>
        <tr>
            <td headers="name">Krishna</td>
            <td headers="father">Manoj Gupta</td>
            <td headers="mother">Manisha Gupta</td>
            <td headers="phone">12345</td>
        </tr>
    </table>
    <br>
</body>
 
</html>

Output:

  

Supported Browsers: The browsers supported by HTML <td> headers Attribute are listed below:

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

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!