Tables with colspan & rowspan — Free HTML Tutorial

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

Tables with colspan & rowspan — Free HTML Tutorial

Learn Tables with 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 Tables with 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

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

Tables with 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.

Tables with colspan & rowspan — Syntax

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

Learn Tables with 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 →