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 results-driven tech professional with 8+ years of experience in web and mobile development, leadership, and emerging technologies.
After completing his Master’s in Computer Applications (MCA), he began his journey as a programming mentor, guiding 100+ students and helping them build strong foundations in coding. In 2019, he founded Owlbuddy.com, a platform dedicated to providing free, high-quality programming tutorials for aspiring developers.
He then transitioned into a full-time programmer, where his hands-on expertise and problem-solving skills led him to grow into a Team Lead and Technical Project Manager, successfully delivering scalable web and mobile solutions. Today, he works with advanced technologies such as AI systems, RAG architectures, and modern digital solutions, while also collaborating through a strategic partnership with Technobae (UK) to build next-generation products.