In this tutorial, we will learn about HTML Table. HTML Table element is used to show the table on the web page. Suppose you want to show Time Table on your web page in this case you can use Table element. Let’s check tags use to create a table in a Web page.
Page Contents
We have four main tags to make a table on the web page.
- table tag: We use table tag to start and end table.
- tr tag: tr tag use to start a new row in a table every time to start tr tag it creates a new row in the table.
- th tag: In tr tag, we write th tag to add heading in table
- td tag: In tr tag, we write td tag to add data in the table.
Example:
<table border="1px">
<tr><th>Student Name</th><th>Marks</th></tr>
<tr><td>Ravi</td><td>85</td></tr>
<tr><td>Sahil</td><td>90</td></tr>
<tr><td>Kunal</td><td>75</td></tr>
<tr><td>Sanjay</td><td>60</td></tr>
</table>
Output:
| Student Name | Marks |
|---|---|
| Ravi | 85 |
| Sahil | 90 |
| Kunal | 75 |
| Sanjay | 60 |
Parvesh Sandila is a passionate web and Mobile app developer from Jalandhar, Punjab, who has over six years of experience. Holding a Master’s degree in Computer Applications (2017), he has also mentored over 100 students in coding. In 2019, Parvesh founded Owlbuddy.com, a platform that provides free, high-quality programming tutorials in languages like Java, Python, Kotlin, PHP, and Android. His mission is to make tech education accessible to all aspiring developers.