What Is a Hyperlink?

A hyperlink is a reference within a document that a reader can follow to move directly to another resource. On the web, it is the piece of text or the image you click or tap to jump from one page to another. Hyperlinks are so fundamental that the web is named after them: it is a web precisely because documents are woven together by links. The idea gives the “hypertext” in HTML and HTTP its name.

The building block of the web

The concept of linking documents together predates the web, but it was Tim Berners-Lee’s design in 1989 and the early 1990s that combined hyperlinks with a global network to create the World Wide Web. Instead of information sitting in isolated files, any document could point to any other, anywhere in the world, and a reader could travel between them with a single action. This simple mechanism is what turned a collection of separate pages into a single, navigable web of knowledge.

A hyperlink has two essential parts: the anchor, which is the visible or clickable element you interact with, and the destination, which is where the link leads. The anchor is often underlined coloured text, but it can also be an image, a button or any other element. The destination is expressed as a web address, and following the link tells your web browser to fetch and display that address.

How a link is written

On the web, hyperlinks are created in HTML using the anchor element, written as <a>. Its most important attribute is href, short for hypertext reference, which holds the destination address. The text placed between the opening and closing tags becomes the clickable link text. So a link is essentially a wrapper: an address to go to, and some content the reader can select to go there.

The appearance of links — their colour, whether they are underlined, and how they change when hovered over or already visited — is controlled separately using CSS. This keeps the link’s function, defined in the HTML, distinct from its presentation, in line with the web’s general principle of separating content from styling.

Understanding the destination address

The destination of a link is given as a URL, a Uniform Resource Locator, which is a specific kind of the more general web address known as a URI. Its syntax is defined in an internet standard, RFC 3986. A full URL identifies the protocol to use, such as HTTPS, the domain name of the server, and the path to the particular resource on that server.

Links come in a few common forms:

• Absolute links give the complete address, including the domain, and are used to point to another website.
• Relative links give only the path, understood in relation to the current page, and are used to point to other pages on the same site.
• Fragment links include a marker, introduced by a hash symbol, that points to a specific section within a page, allowing a link to jump straight to a heading or anchor further down.

Links, usability and accessibility

Well-made links do more than work technically; they help readers understand where they are going. Descriptive link text — text that makes sense on its own — is clearer than vague phrases such as “click here”, and it is especially important for people using screen readers, who may navigate by moving from link to link. Because the link text describes the destination, meaningful wording benefits everyone.

Links can also carry extra instructions. They may open in a new tab, point to an email address or telephone number, or begin the download of a file. Attributes on the anchor element can add security precautions, for instance when opening pages from other sites. Sensible use of these options keeps navigation predictable and safe.

Why hyperlinks matter

Hyperlinks are the connective tissue of the web. They let readers follow a train of thought across many sources, they allow sites to cite and build on one another, and they underpin how search engines discover and rank pages, since following links is one way search tools map the web. Every time you move from one page to the next without typing a new address, a hyperlink is doing its quiet, essential work.

For all the sophistication of modern websites and applications, this humble mechanism remains at the core of the web’s design. Understanding it alongside the browser that follows it, and the HTML and CSS that create and style it, gives a clear picture of how the web fits together.