About the HTML Link Generator
Every clickable link on a web page is an anchor tag, written as an a element with an href attribute. This HTML link generator writes that code for you. Enter the web address and the text people will click, then tick the options you need: open in a new tab, nofollow, sponsored, ugc, noreferrer, a tooltip title, or a download link. The tool builds the correct tag with safe escaping, shows the Markdown version as well, and previews how the link text will look. It adds https:// for you when you leave it out, and refuses unsafe javascript: addresses.
Updated October 2026
How to use the HTML Link Generator
- 1Type or paste the web address.
- 2Type the text that people will click.
- 3Optionally add a tooltip title.
- 4Tick open in new tab, nofollow, sponsored, ugc, noreferrer or download if you need them.
- 5Copy the HTML or the Markdown.
Choosing link attributes
- Normal links to your own pages need no extra attributes.
- Links to other sites that open in a new tab should have rel noopener.
- Paid placements and affiliate links should use sponsored.
- Comments and forum posts should use ugc.
- Use nofollow when you do not want to vouch for a page.
Good link text
Write link text that tells people and search engines where the link goes: Download the 2026 price list is clearer than Click here. Screen reader users often jump from link to link, so each link should make sense on its own. Avoid using a bare web address as the text unless the address itself is the point, and do not use the same text for links that go to different places.
Related tools
The HTML Link Analyzer checks the links already on a page, the URL Parser splits an address into its parts, the UTM Builder tags campaign links, the URL Encoder and Decoder handles special characters and the Meta Tag Generator writes tags for the head of a page.
Features
- Complete anchor tag with href
- Open in a new tab with safe rel values
- nofollow, sponsored, ugc and noreferrer
- Tooltip title and download attribute
- Markdown version for docs and chats
- Special characters escaped properly
- Adds https:// and mailto: for you
Frequently asked questions
How do I write a link in HTML?
Use an anchor element: a, with an href attribute holding the address, around the text people click. For example, the tag is written as a href equals the address in quotes, then your text, then a closing a. The generator builds it exactly, with quotes and special characters escaped.
How do I open a link in a new tab?
Add target equals _blank to the tag. Add rel equals noopener as well, so the new page cannot control the page that opened it. The generator adds both when you tick open in a new tab.
What does rel nofollow mean?
It tells search engines not to treat the link as an endorsement or pass ranking credit to the target. It is used for links you do not vouch for. Google also supports sponsored for paid or affiliate links and ugc for links in user-generated content such as comments.
What does noreferrer do?
It stops the browser sending the address of your page to the site you link to, so they cannot see where the visitor came from. It also implies noopener. Use it when you do not want to share the referring page.
How do I make an email or phone link?
Type an email address in the URL box and the tool turns it into a mailto: link. You can also type tel: followed by a phone number, such as tel:+15551234567, and the tool leaves it as written.
Is it safe to put any address in a link?
Not any. Links that start with javascript:, data: or vbscript: can run code and are refused. Always check the addresses of links you add to your site, and use https wherever possible.