HTML Link Generator

Use the following HTML link generator to create a link for your website. In HTML, links (also known as "hyperlinks") are created using the <a> tag. This is often referred to as the "anchor" tag. The link code generator below automatically creates this tag, as well as the relevant CSS for any customization.

Destination URL:
Anchor Text:
Link Target:
rel Attribute:
Text Size:
Background Color:
Link Color:
Visited Color:
Hover Color:
Active Color:

The Code

Here is the code that was generated:

Customizing The HTML

Once you've generated your HTML link code, if you need to make further changes, check out the <a> element. This is the element that is used in the above code.

Customizing The CSS

The CSS is the code between the <style></style> tags. These are the codes that determine styles of your link (such as its color, underline, etc). You can change the CSS properties (or add new ones) as you like.

If you intend to use the same styles across many pages (a whole website, for example), you should move them to an external style sheet.


You may also be interested in these copy/paste HTML link codes and this HTML Link Editor.