Html Tables Basic — Free Html Tutorial

Learn Html Tables Basic 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 Basic 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 Jul 14, 2026

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

Html Tables Basic in Html

Tables organize data: <table>, <tr> (row), <th> (header), <td> (cell). <thead>, <tbody>, <tfoot> organize large tables.

border-collapse: collapse in CSS removes double borders. Use padding for cell spacing.

Never use tables for page layout — only for data. Use CSS Grid/Flex for layouts.

Html Tables Basic — Syntax

<table>
  <thead>
    <tr><th>Column 1</th><th>Column 2</th></tr>
  </thead>
  <tbody>
    <tr><td>Data</td><td>Data</td></tr>
  </tbody>
</table>

Learn Html Tables Basic 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 →