NAVIGATION

Links

Connect pages and resources with meaningful anchor text.

After this lessonCreate internal and external links that are clear and accessible.

How it works

The anchor element uses href to define the destination. Link text should describe where the user will go instead of using vague text such as click here.

For internal site navigation, relative URLs are easy to maintain. External links should use HTTPS whenever possible.

REAL WORK

Link a dashboard to documentation, a tool to a tutorial or a summary page to a detailed report.

SYNTAX

The pattern

<a href="/tools/">Browse tools</a>

Example

<a href="https://example.com">Open report</a>

TRY IT

Edit and preview

Change the HTML on the left. The sandboxed preview updates on the right.

<a href="https://example.com">Open report</a>

QUICK CHECK

Which attribute defines a link destination?

Progress is stored only in this browser. No account required.