Headings & text

01Build an outline

Use headings for structure, not just for their default size. Start with a clear main heading, then use h2 for sections and h3 for subsections. Style their appearance with CSS.

<h1>Our workshop</h1>
<h2>What we make</h2>
<h3>Custom kitchens</h3>

02Paragraphs and emphasis

Use p for a paragraph, strong for importance and em for emphasis. Avoid repeated br elements to create spacing; use CSS margins instead.

<p>Send your measurements <strong>before ordering</strong>.</p>
<p>Every piece is <em>made to measure</em>.</p>

03Lists that explain

Use ul when order does not matter, and ol when steps must happen in sequence. Each item belongs in an li element.

<ol>
  <li>Choose a service.</li>
  <li>Send your measurements.</li>
  <li>Review your quotation.</li>
</ol>

04Try it yourself

Add a second section with an ordered list of three steps.

Further reading

Use the MDN learning guides and HTML Living Standard for deeper explanations and current browser guidance.