A hyperlink is clickable text or an image that takes you to another web page, file, email address, or location when clicked. On the web, hyperlinks are created with the HTML anchor element, the tag, which wraps the visible link text and points to a destination via its href attribute. This generator builds that tag for you so you do not have to write the HTML by hand.

Free Tool

4.9/5

Free Hyperlink Generator

Turn any URL and link text into a clean HTML anchor tag or Markdown link, with new-tab, rel, and title options. No coding, 100% in your browser.

Destination URL *

Link text (anchor text) *

Use descriptive text, "view our pricing" beats "click here" for accessibility and SEO.

Title attribute (optional, tooltip on hover)

Open in a new tabAdds target="_blank" + auto-adds rel="noopener noreferrer" for security.

rel attributes (for SEO / ad disclosure)

Want to track who clicks your links?

Shorten the destination with Flyn first, then drop it into your hyperlink, and see clicks, locations, and devices in real time.

Shorten for free

How to Make a Hyperlink in 3 Steps

Enter the URL and link text

Paste your destination URL and type the anchor text people will click. The tool escapes special characters for you.

Choose your link options

Open in a new tab (we auto-add rel="noopener noreferrer"), toggle nofollow / sponsored / ugc for SEO, and add an optional title tooltip.

Copy the HTML or Markdown

Copy the finished anchor tag or the Markdown version and paste it into your website, email, README, or docs.

What Is a Hyperlink?

A hyperlink (or just "link") is clickable text or an image that sends you to another page, file, email, or spot on the same page. On the web, links are built with the HTML anchor element, the <a> tag.

The visible, clickable words are the anchor text, and the destination lives in the href attribute. Everything else, opening in a new tab, SEO hints, tooltips, is an optional attribute layered on top.

A complete hyperlink:

<a href="https://flyn.to/pricing" target="_blank" rel="noopener">View pricing</a>

HTML Link Attributes Explained

An anchor tag accepts a handful of attributes. Only href is required, the rest fine-tune behaviour, SEO, and security.

Attribute	Purpose	Example
href	The destination, a URL, path, mailto:, tel:, or #anchor. The one required attribute.	href="https://example.com"
target	Where the link opens. _blank opens a new tab; omit it to open in the same tab.	target="_blank"
rel	Relationship hints for SEO and security: nofollow, sponsored, ugc, noopener, noreferrer.	rel="noopener nofollow"
title	A tooltip shown on hover. Supplements, never replaces, descriptive link text.	title="See plans"

When to use each rel value

rel="nofollow"

Links you do not editorially vouch for, keeps you from passing ranking signals to untrusted pages.

rel="sponsored"

Paid placements and affiliate links. Google requires disclosure of paid links.

rel="ugc"

User-generated content, forum posts, comments, profile links.

rel="noopener"

Security: stops a new-tab destination from controlling your original page. Auto-added with target="_blank".

HTML vs Markdown vs Rich Text

The same link looks different depending on where you paste it. This generator gives you the two formats that cover almost everything:

•HTML, for websites, email templates, and any CMS that accepts raw markup: <a href="…">text</a>
•Markdown, for GitHub READMEs, Notion, Reddit, and docs tools: [text](url)
•Rich-text editors (Google Docs, Word, Gmail), you usually do not paste code at all: select your text, press Ctrl/Cmd + K, and paste the URL. Use this tool to build the link you will share, then drop the URL into the editor.

Pro tip

Shorten long or ugly destination URLs with a Flyn short link before you wrap them in a hyperlink. You get a clean, branded URL and real click analytics, something a raw <a> tag can never give you.

Hyperlink Best Practices

Don't

Write descriptive anchor text ("view pricing")

Use "click here" or a bare URL

Add rel="noopener" to every target="_blank"

Open new tabs without noopener

Use rel="sponsored" on paid / affiliate links

Leave paid links undisclosed

Use https:// destinations

Link to http:// pages that trigger warnings

Keep internal links relative (/pricing)

Hard-code your domain on internal links

Escape special characters in the URL

Paste raw & or spaces into href by hand

Why Use Flyn's Hyperlink Generator?

HTML + Markdown

Copy the anchor tag or the Markdown version, whichever your platform needs.

Safe by default

New-tab links auto-include rel="noopener noreferrer" so you never ship the tabnabbing footgun.

SEO rel controls

Toggle nofollow, sponsored, and ugc to disclose paid links and protect your link profile.

Accessible output

Encourages descriptive anchor text and a proper title attribute for screen-reader users.

Frequently Asked Questions

What is a hyperlink?

A hyperlink is clickable text or an image that takes you to another web page, file, email address, or location when clicked. On the web, hyperlinks are created with the HTML anchor element, the <a> tag, which wraps the visible link text and points to a destination via its href attribute. This generator builds that tag for you so you do not have to write the HTML by hand.

How do I make a hyperlink in HTML?

Wrap your link text in an anchor tag and set the href to the destination: <a href="https://example.com">Visit example</a>. The href is the URL the browser opens, and the text between the opening and closing tags is what users see and click. Paste your URL and text into the tool above and it generates the complete, correctly escaped tag instantly.

What is the HTML code for a link?

The HTML code for a link is the anchor element: <a href="URL">link text</a>. The href attribute holds the destination, and you can add optional attributes like target="_blank" (open in a new tab), rel (nofollow, sponsored, ugc, noopener) and title (a hover tooltip). Our generator assembles all of these into one valid snippet you can copy.

How do I make a link open in a new tab?

Add target="_blank" to the anchor tag: <a href="https://example.com" target="_blank" rel="noopener noreferrer">Open</a>. Always pair target="_blank" with rel="noopener noreferrer", without it, the new page can access your original window via window.opener, which is both a security and a performance risk. Tick "Open in a new tab" in the tool and we add the rel value automatically.

What does rel="nofollow" do, and when should I use it?

rel="nofollow" tells search engines not to pass ranking credit (link equity) through that link. Use it for links you do not editorially endorse, untrusted user-generated content, or links you were paid to place. For paid or affiliate links use rel="sponsored", and for forum or comment links use rel="ugc". You can combine them; this generator lets you toggle each one.

Do I need rel="noopener" with target="_blank"?

Yes. When a link opens in a new tab without rel="noopener", the destination page receives a reference to your page through window.opener and could redirect it (a tabnabbing attack). Modern browsers add noopener implicitly for target="_blank", but adding it explicitly is best practice and keeps older browsers safe. We include rel="noopener noreferrer" automatically when you choose "open in a new tab".

How do I create a hyperlink in Markdown?

Markdown uses the format [link text](URL), for example [Visit example](https://example.com). It is shorter than HTML and works in READMEs, GitHub, Notion, Reddit, and most documentation tools. The generator above outputs both the HTML anchor and the Markdown version so you can copy whichever your platform needs.

What is the difference between an absolute and a relative link?

An absolute link includes the full URL with the protocol and domain (https://example.com/pricing) and works from anywhere. A relative link points to a path on the same site (/pricing or ../about) and is resolved relative to the current page. Use absolute URLs for external links and links shared off-site; relative URLs are fine for internal links within one site.

How do I make an email or phone number into a hyperlink?

Use the mailto: scheme for email (<a href="mailto:[email protected]">Email us</a>) and the tel: scheme for phone numbers (<a href="tel:+15551234567">Call us</a>). Paste mailto:[email protected] or tel:+1555... as the destination URL above and the generator builds the clickable link. For richer email links with pre-filled subject and body, use our Mailto Link Generator.

Is "click here" bad anchor text?

Yes, "click here" is poor for both accessibility and SEO. Screen-reader users often navigate by jumping between links, and a list of "click here" links tells them nothing. Search engines also use anchor text to understand what a page is about. Use descriptive text like "view our pricing" or "read the deep-linking guide" instead.

Can I make a hyperlink without coding?

Yes, that is exactly what this tool is for. Type your destination URL and the text you want people to click, choose any options (new tab, nofollow, title), and copy the finished HTML or Markdown. You never write a tag by hand, and the output is correctly escaped so special characters in your URL or text will not break the link.

How do I add a tooltip to a link?

Add the title attribute to the anchor tag: <a href="URL" title="More info">text</a>. Most browsers show the title as a small tooltip when the user hovers over the link. Keep it short and useful, it supplements the visible text, it does not replace good anchor text, and many mobile users never see it, so do not hide essential information there.

Make every link trackable

A hyperlink sends people somewhere, a Flyn link tells you who went, from where, and on what device. Shorten your destination first, then hyperlink it.

Start free, no credit card Read the API Docs