Horje

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:

Full Example of Table Headers in HTML



Related Articles
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
Display a character with a grave accentHTML Table Headers
Display a character with a acute accentHTML Table Headers
Display a character with a circumflex accentHTML Table Headers
Display a character with a tildeHTML Table Headers
Display a character with a grave accentHTML Table Headers
Display a character with a acute accentHTML Table Headers
Display a character with a circumflex accentHTML Table Headers
Display a character with a tildeHTML Table Headers

Type:
Html
Category:
Web Tutorial
Sub Category:
HTML Table Headers
Uploaded by:
Admin



Share on: