Sometimes you want your cells to be table header cells. In those cases use the <th> tag instead of the <td> tag:

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

An HTML table consists of one <table> element and one or more <tr>, <th>, and <td> elements. The <tr> element defines a table row, the <th> element defines a table header, and the <td> element defines a table cell.

Table headers are defined with th elements. Each th element represents a table cell.

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

Note: The <thead> element must have one or more <tr> tags inside. The <thead> tag must be used in the following context: As a child of a <table> element, after any <caption> and <colgroup> elements, and before any <tbody>, <tfoot>, and <tr> elements. Tip: The <thead>, <tbody>, and <tfoot> elements will not affect the layout of the table by ...

Note: Put the :nth-child() selector on both th and td elements if you want to have the styling on both headers and regular table cells.

The W3Schools online code editor allows you to edit code and view the result in your browser

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

Notice that the table in the examples above have double borders. This is because both the table and the <th> and <td> elements have separate borders. To remove double borders, take a look at the example below.