Hyperlink Generator
Fill in the link details — URL, text, target, rel, and optional attributes — and get the ready-to-paste `<a>` tag with a live preview.
Last updated: May 26, 2026
Find this tool useful? Support the project to keep it free!
Buy me a coffeeWhat is Hyperlink Generator?
HTML anchor tags (`<a>`) are the foundation of web navigation. Beyond `href` and link text, they accept a range of attributes: `target` controls where the link opens, `rel` declares the relationship to the linked resource (important for SEO and security), `title` adds a tooltip, and `class`, `id`, and `style` handle appearance.
The `noopener noreferrer` rel value is a security best practice for any link that opens in a new tab — without it, the opened page can access the opener's window object via `window.opener`. This tool automatically adds `noopener noreferrer` when `target="_blank"` is selected, and you can toggle it off if needed.
How to Use Hyperlink Generator
Enter the destination URL in the "URL (href)" field.
Enter the link text.
Choose a target (leave empty for same-window navigation, or _blank for a new tab).
Add optional attributes: title, rel, class, id, style.
Copy the generated <a> tag.
Common Use Cases
- Generating anchor tags with correct noopener noreferrer for external links.
- Creating download links with the download attribute.
- Building links with specific classes for CSS frameworks (e.g. Bootstrap buttons).
- Adding rel="nofollow" or rel="sponsored" for SEO link declarations.
- Quickly testing different target and rel combinations.
Example Input and Output
An external link opening in a new tab with security attributes.
href=https://example.com, text=Visit Example, target=_blank, noopener=true<a href="https://example.com" target="_blank" rel="noopener noreferrer">Visit Example</a>Privacy
All generation happens in your browser. No URLs are sent to a server.
Security
Always use noopener noreferrer with target="_blank" to prevent tab-napping attacks, where the opened page could redirect the opener page.