HTML Tables Header

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

Example of table Header

Srn	Name	Address

srn
Name
Address

January

Vertical Table Header

<table>
    <tr>
        <th>srn</th>
        <td>1</td>
        <td>2</td>
    </tr>
    <tr>
        <th>Name</th>
        <td>Alfreds</td>
        <td>Devid</td>
    </tr>
    <tr>
        <th>Address</th>
        <td>USA</td>
        <td>Japan</td>
    </tr>
</table>

srn	1	2
Name	Alfreds	Devid
Address	USA	Japan

Multiple Column Header

<table>
    <tr>
        <th colspan="3">January</th>
    </tr>
    <tr>
        <th>01</th>
        <td>Monday</td>
        <td>2022</td>
    </tr>
    <tr>
        <th>02</th>
        <td>Tuesday</td>
        <td>2022</td>
    </tr>
    <tr>
        <th>03</th>
        <td>Wednesday</td>
        <td>2022</td>
    </tr>
</table>

January (date/day/year)
01	Monday	2022
02	Tuesday	2022
03	Wednesday	2022

Table Caption

Table caption is nothing but the title of the table

<table>
    <caption> January Data Table </caption>
    <tr>
        <th colspan="3">January</th>
    </tr>
    <tr>
        <th>01</th>
        <td>Monday</td>
        <td>2022</td>
    </tr>
    <tr>
        <th>02</th>
        <td>Tuesday</td>
        <td>2022</td>
    </tr>
    <tr>
        <th>03</th>
        <td>Wednesday</td>
        <td>2022</td>
    </tr>
</table>

January data table

January (date/day/year)
01	Monday	2022
02	Tuesday	2022
03	Wednesday	2022

Conclusion

In this page (written and validated by A. Gawali) you learned about HTML Table Header . What's Next? If you are interested in completing HTML tutorial, your next topic will be learning about: HTML Table Padding and Spacing.

Incorrect info or code snippet? We take very seriously the accuracy of the information provided on our website. We also make sure to test all snippets and examples provided for each section. If you find any incorrect information, please send us an email about the issue: mockstacks@gmail.com.

Share On:

Mockstacks was launched to help beginners learn programming languages; the site is optimized with no Ads as, Ads might slow down the performance. We also don't track any personal information; we also don't collect any kind of data unless the user provided us a corrected information. Almost all examples have been tested. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. By using Mockstacks.com, you agree to have read and accepted our terms of use, cookies and privacy policy.