Html Divs Spans — Free Html Tutorial
Learn Html Divs Spans in Html with a free, beginner-friendly tutorial, examples and practice for Indian students on Syllab.in.
TL;DR: Learn Html Divs Spans 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
Html Divs Spans in Html
<div> is a block-level container with no semantic meaning. <span> is inline with no semantic meaning. Use them when no semantic tag fits.
Divs create layout blocks. Spans wrap inline text for styling. Both use class and id for CSS targeting.
Prefer semantic tags (<header>, <section>, <article>) when available. Use div/span only for layout or styling needs.
Html Divs Spans — Syntax
<div class="container"> <h1>Title</h1> <p>Text with <span class="highlight">highlighted part</span>.</p> </div>
Learn Html Divs Spans 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 →