Html Tables — Free Html Tutorial

Learn Html Tables in Html with a free, beginner-friendly tutorial, examples and practice for Indian students on Syllab.in.

✓ 100% Free ✓ No Login Needed ✓ NCERT / CBSE Aligned ✓ Download as PDF

TL;DR: Learn Html Tables in Html with a free, beginner-friendly tutorial, examples and practice for Indian students on Syllab.in.

Written & reviewed by the Syllab.in Academic Team (CBSE/NCERT subject experts) · Updated Sep 1, 2026

🤖 Stuck on any question? Ask Syllab's free AI Tutor for a step-by-step explanation — instant, unlimited, no login.

Html Tables in Html

Tables organize data in rows and columns. The main tags: <table> (container), <tr> (table row), <th> (header cell — bold & centered by default), <td> (data cell).

colspan merges cells across columns; rowspan merges cells across rows. <thead>, <tbody>, and <tfoot> give semantic structure to large tables.

Use CSS to make tables look great: add borders, alternate row colors (zebra striping), hover effects, and responsive behavior.

Html Tables — Syntax

<table>
  <tr>
    <th>Header</th>   <!-- column header -->
  </tr>
  <tr>
    <td>Data</td>     <!-- data cell -->
  </tr>
</table>

Learn Html Tables step by step with Syllab's free interactive Html tutorial — runnable code examples, practice exercises and instant AI feedback, all free with no signup. Explore the full Html course →