Html Tables Colspan Rowspan — Free Html Tutorial

Learn Html Tables Colspan Rowspan 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 Colspan Rowspan 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 Colspan Rowspan in Html

colspan merges cells horizontally. rowspan merges cells vertically. Use them for complex table layouts.

colspan="2" means the cell spans 2 columns. rowspan="3" means it spans 3 rows.

Plan your table carefully — merge cells last after getting the basic structure right.

Html Tables Colspan Rowspan — Syntax

<tr>
  <td colspan="2">Spans 2 columns</td>
  <td rowspan="2">Spans 2 rows</td>
</tr>

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