Lesson · Beginner
Text, headings, and paragraphs
Structure readable page content with meaningful headings, paragraphs, emphasis, and quotations instead of visual shortcuts.
- Author
- Editorial team
- Reviewer
- Publication review pending
- Review tier
- annual
Headings describe the outline
Use headings to name sections, not to achieve a font size. A useful page starts
with a clear h1, then nests subsections without skipping levels for visual
effect.
<main>
<h1>Visit Harbor Park</h1>
<p>The park is open from sunrise to sunset.</p>
<section>
<h2>Things to do</h2>
<h3>Walking trail</h3>
<p>The accessible loop is 1.2 miles.</p>
</section>
</main>Meaning survives restyling
Paragraphs use p. Important urgency may use strong; stress emphasis may use
em. CSS can change appearance, but the element continues to communicate its
role to reading tools and browser features.
Common mistakes
- Choosing
h4because it looks smaller. - Using an empty paragraph for spacing.
- Wrapping unrelated sentences in one paragraph.
Exercise
Write an outline for a recipe, event, or project page before adding any CSS. Read only the headings: they should still explain the page structure.