How to Create Hyperlinks with HTML

HTML link code lets you turn elements on your website—like text and images—into clickable hyperlinks.

These hyperlinks help users navigate the web.

And when you use them correctly for internal links—links from one page on your site to another page on your site—they can provide SEO benefits, too.

This guide shows you how to code a variety of HTML links. And how to style your links with simple CSS.

Let’s get started.

What Is a Hyperlink?

A hyperlink, often called a link, is a reference linking one resource to another. It includes a clickable element like a word, phrase, image, or icon.

Clicking a hyperlink initiates an action. Like taking users to a different webpage. Or launching a phone call.

And coding your own hyperlinks is easy. As long as you understand the syntax of an anchor element (also known as an <a> tag).

Anchor Element Syntax

Anchor elements have four components:

1. An opening tag: This is the start of the anchor element and signifies the beginning of the link element
2. Tag attributes + attribute values: Within the opening tag, you can include different attributes. Attributes provide extra information, like how the link should behave or where it should take users. (We’ll dive into different attributes later on.)
3. Anchor text or other content: This is the content users click
4. A closing tag: This signifies the end of the link element

Let’s tie all four points together with a simple example. The below example uses an href attribute. It specifies the...