# How to Make a Hyperlink: A Complete Guide for Every Platform Hyperlinks are the connective tissue of the web. Whether you're building a website, writing an email, or editing a document, knowing how to create a clickable link correctly — and understanding the options available — makes a real difference in how your content looks and functions. ## What Is a Hyperlink? A **hyperlink** (commonly shortened to "link") is a reference in a digital document that takes a user to another location when clicked or tapped. That destination could be another webpage, a file, an email address, a section within the same page, or even a phone number. Every hyperlink has two core components: - **The URL (Uniform Resource Locator):** The actual web address the link points to - **The anchor text (or anchor element):** The visible, clickable part the user sees How you create a hyperlink depends entirely on where you're working — raw HTML, a word processor, a content management system, or an email client each have their own method. ## How to Make a Hyperlink in HTML 🔗 If you're working directly in code, hyperlinks are created with the **` ` (anchor) tag**. The basic syntax looks like this: ```html Visit Example ``` Breaking this down: - ` ` opens the anchor element - `href` is the **attribute** that holds the destination URL - The text between the opening and closing tags is what appears as the clickable link - `` closes the element ### Common HTML Hyperlink Variations | Link Type | Syntax Example | Purpose | |---|---|---| | External page | ` Link` | Opens another website | | New tab | ` Link` | Opens in a new browser tab | | Email | ` Email us` | Opens email client | | Phone | ` Call us` | Initiates a phone call on mobile | | Same-page anchor | ` Jump to section` | Scrolls to an element with that ID | The `target="_blank"` attribute is widely used for external links. When using it, best practice is to also add `rel="noopener noreferrer"` for **security reasons** — it prevents the linked page from accessing your page's context through the browser. ```html External Link ``` ## How to Make a Hyperlink in Google Docs, Word, and Similar Tools In word processors, you don't write HTML directly. Instead, you use the built-in link interface: 1. **Select the text** you want to turn into a link 2. Use the keyboard shortcut — **Ctrl+K** (Windows/Linux) or **Cmd+K** (Mac) — or find the "Insert Link" option in the toolbar 3. Paste or type the URL into the dialog box 4. Confirm or press Enter This works in **Google Docs, Microsoft Word, LibreOffice Writer, Notion, and most modern editors**. The shortcut is nearly universal across platforms. ## How to Make a Hyperlink in a CMS (WordPress, Squarespace, Wix) Content management systems give you a **visual (WYSIWYG) editor** that works similarly to a word processor: 1. Highlight the text in the editor 2. Click the **link icon** in the toolbar (it looks like a chain link 🔗) 3. Enter the destination URL 4. Choose whether it opens in the same tab or a new tab 5. Save or apply Most modern CMS platforms also let you switch to an **HTML or code view** if you need more control — for example, adding custom attributes like `rel="sponsored"` for paid links, which matters for **SEO compliance**. ## How to Create Anchor Links Within a Page Anchor links let users jump to a specific section of a long page — common in FAQ pages, long-form guides, and table of contents setups. In HTML, you need two things: **Step 1 — Create the target (the destination):** ```html

Pricing Information

``` **Step 2 — Create the anchor link pointing to it:** ```html Jump to Pricing ``` The `#` symbol tells the browser to look for an element with that ID on the same page. In a CMS, some platforms generate IDs automatically for headings; others require you to set them manually in the HTML view. ## Factors That Affect How You Should Build Links The "right" way to create a hyperlink isn't universal — it shifts based on several variables: - **Your technical environment:** Writing raw HTML gives you full control; a CMS abstracts most of it away - **SEO considerations:** Link attributes like `rel="nofollow"`, `rel="sponsored"`, and `rel="ugc"` signal different things to search engines and matter if you're managing a site at scale - **Accessibility:** Using descriptive anchor text (not "click here") improves usability for screen reader users and is a recognized best practice in **WCAG (Web Content Accessibility Guidelines)** - **Security:** External links opening in new tabs should include `rel="noopener noreferrer"` to close a known browser vulnerability - **Email vs. web:** Hyperlinks in HTML emails use the same ` ` tag syntax, but rendering varies significantly across email clients — what works in Gmail may not render the same in Outlook ## Markdown Hyperlinks (for Developers and Writers) If you're writing in **Markdown** — common in tools like GitHub, Obsidian, or Jekyll — the link syntax is: ```markdown [Anchor Text](https://www.example.com) ``` Markdown is converted to HTML when rendered, so this produces the same `` output under the hood. The mechanics of making a hyperlink are straightforward once you match the method to your environment. But how you *should* be building links — which attributes to include, how to handle external versus internal linking, whether to use anchor links, and how SEO fits into the picture — depends on what you're building, who it's for, and what platform you're working within.