How to create Table Headers in HTML

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

Full Example of Table Headers in HTML

try following codes

index.html

Example: HTML

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
</style>
</head>
<body>

<h2>Table Headers</h2>

<p>Use the TH element to define table headers.</p>

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>

</body>
</html>

Output should be:

What is HTML Table Headers	HTML Table Headers
How to create Table Headers in HTML	HTML Table Headers
How to create HTML Vertical Table Headers	HTML Table Headers
How to create HTML Align Table Headers	HTML Table Headers
How to create HTML Header for Multiple Columns	HTML Table Headers
How to create HTML Table Caption	HTML Table Headers

Single Articles

Full Example of Table Headers in HTML

HTML Table Headers

Read Full:	HTML Table Headers
Category:	Web Tutorial
Sub Category:	HTML Table Headers
Uploaded by:	Admin
Views:	76

Reffered: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_th