Filter (Advanced Search)
    Downloads
    1         Views
    302
    Video

    HTML Table Headers | Tables

    HTML Watch on YouTube
    Details

    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>

    Output

    Ad