HTML Button Link Generator

This takes an ordinary anchor tag and styles it, with inline CSS, to look like a button — padding, a background colour, rounded corners and bold text, with no underline. It is still an <a> element underneath, which is deliberate: it navigates the way a link does, works with middle-click and Ctrl-click to open in a new tab, and needs no JavaScript to function.

The styling is inline rather than in a separate class, so the generated code is a single tag you can paste anywhere — an email template, a CMS content block, a page builder — and it will render correctly even where an external stylesheet would not reach.

Link or button element — pick by what it does

The visual style should not decide which HTML element you use; the behaviour should. If activating it takes the visitor to a different URL, it is a link, styled to look however you want. If it performs an action on the current page — submitting a form, opening a menu, toggling something — it should be a <button> element instead.

Screen readers announce the two differently, telling the user “link” or “button” so they know what to expect. A link styled as a button that actually performs a JavaScript action, or a button styled as a link that actually navigates, both confuse anyone relying on that announcement to predict what will happen.