HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Link Attributes</title>

  <style>

    body { font-family: system-ui, sans-serif; padding: 1.5rem; line-height: 1.6; max-width: 520px; }

    a { color: #2563eb; }

    .card { border: 1px solid #e2e8f0; border-radius: 8px; padding: 1rem; margin-top: 1rem; }

  </style>

</head>

<body>

  <p>Read the <a href="https://example.com/docs" target="_blank" rel="noopener noreferrer">external documentation</a> in a new tab.</p>

  <div class="card">

    <p><strong>href</strong> &mdash; destination URL</p>

    <p><strong>target="_blank"</strong> &mdash; open in new tab</p>

    <p><strong>rel="noopener noreferrer"</strong> &mdash; security when using <code>target</code></p>

  </div>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Attributes — a href, target, rel