Links

The <a> (anchor) tag creates a clickable link. The href attribute sets where it points — another page, another site, or a spot further down the same page.

Example 1: absolute vs. relative links

<a href="https://mozilla.org">Absolute — full address</a>
<a href="/about">Relative — this same site's /about page</a>

An absolute link is a complete address to somewhere else on the internet. A relative link means "this same site's page at this path" with no domain written out — this is what you'd use for links within your own project, since it keeps working unchanged no matter what domain the site eventually gets deployed to.

Example 2: opening a link safely in a new tab

<a href="https://mozilla.org" target="_blank" rel="noopener">
  Opens in a new tab, safely
</a>

target="_blank" opens the link in a new tab. Always pair it with rel="noopener" — without it, the page you linked to gains a small amount of programmatic access back to your original tab, a real (if narrow) security gap. It costs nothing to add and is worth making a permanent habit.