HTML button link generator

How it worksThe correct way to make a button that goes to a URL is an <a href> styled to look like a button — not a <button> with onclick. Pick colours and text below and copy the inline-styled code.
Button link (recommended)
Form button alternative

Runs entirely in your browser — nothing you type here is uploaded.

Why <a>, not <button onclick>

A styled link keeps everything a link should do: open in a new tab with a middle-click, show the address on hover, be read as a link by screen readers and be followed by search engines. <button onclick="location.href=…"> loses all of that and does nothing when JavaScript is off. Use a real <button> only for actions on the page (submit, open a menu).

Inline styles on purpose

The code uses inline style so it works anywhere you paste it — a CMS block, a Markdown file that allows HTML, or an HTML email where external stylesheets are stripped.

Questions

Will the button work in Gmail and Outlook?
How do I center the button?
Can the button download a file?

More free link tools

URL to HTML link generator

Turn any URL into HTML link code: set the link text, open in new tab, nofollow, sponsored …

Bulk URL to HTML links

Paste a list of URLs (one per line, optional link text) and convert them all to HTML links…

Text to clickable links

Paste plain text containing web addresses and emails — get HTML where every URL and email …

HTML link extractor

Paste HTML source and extract every link: href URLs with their anchor text, plus images, s…

Mailto link generator

Create a mailto link with recipients, CC, BCC, subject and body text — correctly URL-encod…

HTML to data URL

Encode HTML as a data:text/html URL (Base64 or percent-encoded). See when a data URL works…

HTML previewer

Type or paste HTML and see it rendered live in a sandboxed frame, at phone, tablet or desk…