HTML headers Attribute: The HTML headers attribute defines one or more header cells a table cell is related to.
HTML headers Attribute
The HTML header attribute can be applied to <td> and <th> elements.
Syntax: <td headers=”header_id”>
Browser Support:
The HTML headers attribute is supported by the following browsers:
- Chrome
- Firefox
- Internet Explorer
- Safari
- Opera
HTML headers Attribute Example using <td> element
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<table style="width:100%">
<tr>
<th id="name">Website Name</th>
<th id="Address">Address</th>
</tr>
<tr>
<td headers="name">tutorials.freshersnow.com</td>
<td headers="addr">D.No 40-7/3-7/1
Tikkle Road, Labbipet, Vijayawada, Andhra Pradesh</td>
</tr>
</table>
</body>
</html>
Output:
HTML headers Attribute Example using <th> element
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<th id="name" colspan="2">Name</th>
</tr>
<tr>
<th headers="name">Firsname</th>
<th headers="name">Lastname</th>
</tr>
</table>
</body>
</html>
Output:
