Text and meaning
Headings and paragraphs
Organize a document with a clear heading hierarchy and paragraphs that represent real blocks of related text.
6 minute lesson
Headings give a document its outline. HTML provides six levels, from h1 to h6.
<h1>Copenhagen cycling guide</h1>
<h2>Choose a bicycle</h2>
<p>A city bike is enough for most routes.</p>
<h2>Plan your route</h2>
<h3>Routes for beginners</h3>
<p>Start with the separated paths around the lakes.</p>
The number describes the heading’s level, not its desired font size. Do not choose h4 because it looks smaller. CSS controls appearance.
Use h1 for the page’s main heading. Major sections use h2. A subsection inside an h2 section uses h3, and so on.
Avoid jumping from h2 to h4. A person scanning visually might not notice, but someone navigating with a screen reader depends on that structure.
The p element represents a paragraph:
<p>The route follows the harbor for five kilometers.</p>
Do not use repeated line breaks to create paragraphs. Use one p for each actual paragraph and let CSS control the spacing later.
Quick check
Result
You got of right.
Lesson completed