LESSON 03 OF 120

Clear links

Create links that explain where they lead.

Official sourceWHATWG HTML — linksReviewed: 2026-08-26
STEP 1 · LEARN

How it works

Link text should make sense without the surrounding sentence.

Correct example
<nav>
  <a href="#contact">Go to contact</a>
  <a href="https://developer.mozilla.org/">MDN documentation</a>
</nav>

href sets the destination, while visible text explains it. The #contact fragment points to an element with the same id.

Common mistake
<a href="#">Click here</a>

The # destination does not identify a real section, and the text does not explain where the user will go.

STEP 2 · APPLY

Your exercise

Add a link to #contact and an HTTPS link to MDN with descriptive text.

STEP 3 · BUILD

Write and see the result

index.htmlHTML
Safe resultisolated
The draft stays only in this browser.HTML and CSS allowed · scripts and network blocked
STEP 4 · CHECK

What needs to pass

0%not checked
  • There is a link to #contact.
  • There is an HTTPS link to MDN.
  • Links use descriptive text.
Explain the solution logic

Check each link destination and text together: href must exist and the label must describe the action.