HTML Table Headers

#	Content	Views
1.	Tutorial Tags	40,087
2.	Tutorial + Programming	1,135,212
3.	Videos	377,872
4.	Results (`Annual + Re-appear`)	47,778
5.	Quiz Chapters	39,009
6.	Quiz Questions	564,210
7.	Quiz Results	30,295
8.	Testimonials	8,206
9.	Projects	34,470
10.	e-Words	23,654
11.	e-Certificates	4,968
12.	Downloads (Softwares)	166,372
13.	Downloads (Syllabus)	2,778

Home
HTML
Tables
Html Table Headers

HTML Table Headers

HTML tables can have headers for each column or row, or for many columns/rows.

HTML Table Headers

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

<!DOCTYPE html>
<html>
<head>
<title>Table Headers</title>
</head>
<body>
<h2>Table Headers</h2>
<h5>Use the TH element to define table headers.</h5>

<table style="width:100%">
  <tr>
    <th>Sr.No</th>
    <th>Name of Student</th>
    <th>Class</th>
  </tr>
  <tr>
    <td>1.</td>
    <td>Taranpreet Singh</td>
    <td>6th</td>
  </tr>
  <tr>
    <td>2.</td>
    <td>Mehakpreet Kaur</td>
    <td>7th</td>
  </tr>
  <tr>
    <td>3.</td>
    <td>Veerpal Kaur</td>
    <td>8th</td>
  </tr>
  <tr>
    <td>4.</td>
    <td>Jasmeen</td>
    <td>9th</td>
  </tr>
  <tr>
    <td>5.</td>
    <td>Sonia</td>
    <td>10th</td>
  </tr>
  <tr>
    <td>6.</td>
    <td>Jaskaran Singh</td>
    <td>11th</td>
  </tr>
  <tr>
    <td>7.</td>
    <td>Arshdeep Kaur</td>
    <td>12th</td>
  </tr>
  
</table>

</body>
</html>

Live Demo & Try it yourself!

Output

YouTube » » https://www.youtube.com/watch?v=Mbo8FSNVADc

#table #headers

CSPunjab.Com

HTML Table Headers

« Previous

HTML tables can have headers for each column or row, or for many columns/rows.

HTML Table Headers

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

<!DOCTYPE html>
<html>
<head>
<title>Table Headers</title>
</head>
<body>
<h2>Table Headers</h2>
<h5>Use the TH element to define table headers.</h5>

<table style="width:100%">
  <tr>
    <th>Sr.No</th>
    <th>Name of Student</th>
    <th>Class</th>
  </tr>
  <tr>
    <td>1.</td>
    <td>Taranpreet Singh</td>
    <td>6th</td>
  </tr>
  <tr>
    <td>2.</td>
    <td>Mehakpreet Kaur</td>
    <td>7th</td>
  </tr>
  <tr>
    <td>3.</td>
    <td>Veerpal Kaur</td>
    <td>8th</td>
  </tr>
  <tr>
    <td>4.</td>
    <td>Jasmeen</td>
    <td>9th</td>
  </tr>
  <tr>
    <td>5.</td>
    <td>Sonia</td>
    <td>10th</td>
  </tr>
  <tr>
    <td>6.</td>
    <td>Jaskaran Singh</td>
    <td>11th</td>
  </tr>
  <tr>
    <td>7.</td>
    <td>Arshdeep Kaur</td>
    <td>12th</td>
  </tr>
  
</table>

</body>
</html>