Free HTML helper

HTML link generator

Build a correct anchor tag - web, email or phone - with the right rel and target attributes. Copy as HTML or Markdown.

Opens in
Preview
HTML

            
Markdown

            

Quick answer: An HTML link looks like <a href="URL">text</a>. Use the generator above to add target="_blank" with rel="noopener", nofollow, sponsored or ugc, or to build mailto: and tel: links, then copy the HTML or Markdown.

Anatomy of a good link

A link is an <a> element with an href. The rest is optional but worth getting right: descriptive link text for accessibility and SEO, rel to describe the relationship, and target only when you really need a new tab.

Frequently asked questions

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

Add target="_blank" to the anchor tag, and rel="noopener" alongside it. Choose “New tab” above and both are added for you.

What is the difference between nofollow, sponsored and ugc?

nofollow is a general hint not to pass ranking credit. sponsored marks paid or affiliate links. ugc marks links in user-generated content such as comments.

How do I create a mailto link with a subject?

Switch to Email, enter the address, subject and message. The tool URL-encodes everything so it works in every mail client.

Does a phone link work on desktop?

On phones it starts a call. On desktops it opens whichever app is registered for tel: links, such as FaceTime or Teams.