html tutorial - headers Attribute in HTML - html5 - html code - html form



Header attribute in html

Learn html - html tutorial - Header attribute in html - html examples - html programs

  • A table cell is related to one or more header cells which is specified by headers attribute.
  • The header attribute can be used to the elements are <td> and <th>.

Syntax for header attribute in HTML:

<td headers="header_id">

Applies to:

Attribute Elements Description
headers <td> It specifies a standard cell in an HTML table
headers <th> It specifies a header cell in an HTML table.

Sample coding header attribute in HTML:

Tryit<!DOCTYPE html>
<html>
    <head>
        <style>
                    table, th, td {
                    border: 1px solid black;
                    }
        </style>
    </head>
    <body>
        <table style="width:100%">
            <tr>
                <th id="name">Name</th>
                <th id="email">Email</th>
                <th id="phone">Phone</th>
            </tr>
            <tr>
                <td headers="name">employee</td>
                <td headers="email">professional@wikitechy.com</td>
                <td headers="phone">+12345678</td>
            </tr>
        </table>
    </body>
</html>

Code Explanation header attribute in HTML:

header Attribute Code Explanation

  1. In the header attribute, using the code table, td, th and its border alignments within the <style></style> tags in the head section.
  2. The <tr> tags are used to define a row and it contains one or more elements <td> or <th>.
  3. The <th> tags are used to define the header cell and it contain the header information within the <tr> tag; by default, the elements are bold and centered.
  4. The <td> tags are used to define the standard cell and it contains the data; by default, the elements are regular and left-aligned.

Output of header attribute in HTML:

header Attribute Output

  1. Here the output displays the table with 2 rows and 3 columns.

Browser Support of header attribute in HTML:

Element
<td> Yes Yes Yes Yes Yes
<th> Yes Yes Yes Yes Yes

Related Searches to headers Attribute in html