Know and understand the function of a hyperlink

📚 21 Website Authoring – Hyperlinks

What is a Hyperlink?

A hyperlink (or link) is like a doorway that takes you from one webpage to another, or to a different part of the same page. Think of it as a magic bookmark that opens a new chapter when you click it. 🔗

How Does a Hyperlink Work?

When you click a link, your browser sends a request to the server that hosts the destination page. The server then sends the requested page back to your browser, which displays it. The link itself is defined by the href attribute inside an <a> tag. 🧩

Creating a Basic Hyperlink

1. Choose the text you want to turn into a link.
2. Wrap it with an <a> tag.
3. Set the href attribute to the URL you want to link to.

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

Link Attributes You Should Know

Best Practices for Hyperlinks

• Use clear, descriptive link text (avoid “click here”).
• Open external links in a new tab with target="_blank" and add rel="noopener noreferrer" for security.
• Check that all links work and lead to the correct page.
• Keep URLs short and readable when possible.

Quick Quiz

1. What attribute tells the browser where to send the user when a link is clicked?
2. Which attribute would you use to make a link open in a new tab?
3. Why should link text be descriptive?

Answers: 1️⃣ href 2️⃣ target="_blank" 3️⃣ Helps users know where they’re going and improves accessibility. ??