Audit a page of bad links

Every link on this page has a problem. Fix them all.

What to build

The same page with working, honest links.

Requirements

  • The first link goes to https://example.com (it is missing its scheme).
  • The second link goes to images/map.png, using forward slashes.
  • The third link keeps target="_blank" and gains rel="noopener".
  • The text of the third link becomes Read the bus timetable.
  • Print this page becomes a button with type="button", instead of a link.

Constraints

Keep exactly three links on the page.

Example

A link with no scheme looks for a file on your own site.

Why it works

Each repair removes a real failure: a wrong address, a path that only works on Windows, a tab that can reach back to your page, a link no one can identify in a list, and an action pretending to be a destination.

Hints

Hint 1

An address to another site needs https:// at the start.

Hint 2

Paths on the web use forward slashes.

Hint 3

The new-tab link needs a rel value too.

Hint 4

The action of the button does not go anywhere, so it should not be a link.

Solution

Show one correct solution (try it yourself first)
<p><a href="https://example.com">Our partner</a></p>
<p><a href="images/map.png">Map</a></p>
<p><a href="https://example.org/bus" target="_blank" rel="noopener">Read the bus timetable</a></p>
<p><button type="button">Print this page</button></p>

Lesson: Links and how pages connect →