Hyperlinks vs Anchors

What is a hyperlink?

A hyperlink is a clickable element on a webpage that takes you to another location when you click it.

That location can be:

• another page on the same website
• a different website
• a specific section within a page
• a file (like a PDF or image)
• an email address

Simple explanation

A hyperlink is usually text or an image that you click to go somewhere else.

Example on a webpage:

• Click “Contact Us” → it opens the contact page.
• Click “Download the PDF” → it downloads a file.

How it works in HTML

Hyperlinks are created with the anchor (<a>) tag.

Example:

<a href="https://example.com">Visit Example</a>

• href = the destination of the link
• Visit Example = the clickable text

What users usually see

Hyperlinks are often:

• blue
• underlined
• change color after being clicked

Example:

Learn more about our programs.

Here, “Learn more” could be the hyperlink.

If you're creating a tutorial, I can also show:

• a visual diagram of how hyperlinks work
• a simple beginner definition vs technical definition
• how hyperlinks differ from anchors (since you asked about that earlier).

What is an anchor?

An anchor is a specific type of hyperlink that links to a particular spot within the same page, instead of going to a whole new page.

Think of it like a bookmark inside a webpage. It lets users jump directly to a section they want, without scrolling.

How it works in HTML

Set the anchor (target) on a section:

<h2 id="contact">Contact Us</h2>

Here, the id="contact" creates an anchor named contact.

Link to that anchor:

<a href="#contact">Go to Contact Section</a>

• The #contact means “jump to the element with id contact.”
• When clicked, the page scrolls directly to that heading.