Text and headings

Headings, paragraphs and the inline elements that add meaning to words.

Beginner 9 min read Lesson 3 of 480 Challenge included

What you will be able to do

Use h1–h6 in a logical outline
Emphasise text semantically
Avoid meaningless line breaks

Headings create a document outline. Assistive technology and search engines use that outline to understand your page, so never choose a heading level just because it looks a certain size.

article.htmlHTML

<h1>Learning to code</h1>
<p>A practical guide for absolute beginners.</p>

<h2>Why start with HTML?</h2>
<p>HTML is the foundation of <strong>every</strong> website.</p>
<h3>What you need</h3>
<p>A browser and <em>twenty minutes</em> a day.</p>

Element	Meaning
`<strong>`	Strong importance — usually rendered bold.
`<em>`	Stress emphasis — usually rendered italic.
`<mark>`	Highlighted or relevant text.
`<small>`	Fine print and side comments.
`<br>`	A line break inside the same paragraph.

Your turn

Build a mini outline

Easy

Create an h1 titled "My learning plan", an h2 titled "This month", and a paragraph with one important word wrapped in <strong>.

HTML · starter

Check your understanding before moving on.

Knowledge checkQuestion 1

Which element should you use to show that a word is important?

Select an answer to continue

Study tools

Make it yours.

Keep a private note for this lesson, then turn the key ideas into flashcards you can revisit.

Sign in to save notes and flashcards.Both are private to your account and stay with your progress.

Finished reading?

Lock in what you just learned.

Mark this lesson complete to save your place and move one step closer to the certificate.

Next: How the web works

Lesson 3 of 480 · 0% of course