Hyperlink Generator
Use this hyperlink generator to turn a URL and link text into a ready-to-use clickable link. Generate HTML, Markdown or BBCode, choose whether the link opens in a new tab, and add useful rel attributes such as nofollow, sponsored or ugc when needed.
Clicking the link above will open the destination in a new tab.
Avoid vague phrases like "click here" or "link". Use descriptive anchor text that accurately explains what the visitor will discover when clicking through.
How to Create a Hyperlink
A hyperlink connects web documents together. To generate a link, supply the destination address (a web URL, email address, or telephone number) and the visible text visitors will click on.
Our generator automatically handles HTML syntax, properly escapes quotation marks and special characters to prevent code breaking, and provides output in HTML, Markdown, and forum BBCode.
HTML and Markdown Link Examples
<a href="https://example.com" target="_blank" rel="noopener noreferrer">Visit Example</a>[Visit Example](https://example.com "Optional Title")What Do nofollow, sponsored, and ugc Mean?
Google and other major search engines use rel attributes to understand the relationship between your page and the linked destination:
Informs search crawlers that your site does not vouch for or pass PageRank credit to the destination.
Mandatory under Google guidelines for advertisements, paid collaborations, or affiliate links.
Applies to User-Generated Content such as blog comments, forum posts, or user review submissions.
Opening Links in a New Tab & Tabnabbing Security
When a link has target="_blank", the browser launches the destination page in a fresh window or tab. Historically, this exposed a vulnerability known as reverse tabnabbing, where the opened page could manipulate the original page via the JavaScript window.opener object.
TinyTools automatically adds rel="noopener" whenever opening in a new tab is enabled. This isolates the execution context and prevents external pages from executing malicious redirects against your visitors.
Writing Accessible & SEO-Friendly Link Text
Screen reader users frequently navigate web pages by scanning through a list of links out of context. Links titled "click here", "learn more", or "read this" provide zero informational context.
Always write anchor text that tells the reader exactly what to expect:
- Weak: "To view our JSON comparison tool, click here."
- Strong: "Compare files using our JSON Compare tool."
Related Developer Tools
Frequently Asked Questions
How do I make a clickable link?
Enter your web URL and link text into the generator fields. The tool instantly produces the correct HTML anchor tag or Markdown syntax ready to copy and paste.
What does target="_blank" do?
The target="_blank" attribute tells the web browser to open the linked destination in a new tab or window instead of navigating away from the current page.
When should I use nofollow?
Use rel="nofollow" when linking to pages you do not personally endorse, paid advertisements (or use rel="sponsored"), or untrusted third-party sites.
Can I generate mailto and phone links?
Yes. Switch the Link Type button to "Email (mailto)" or "Phone (tel)" to generate clickable email links or tap-to-call mobile phone links.