# How to Create a Hyperlink: A Complete Guide for Every Platform A hyperlink is one of the most fundamental building blocks of the web — a clickable element that takes you from one location to another. Whether you're writing an email, building a webpage, editing a document, or posting on social media, knowing how to hyperlink correctly changes how your content works and how readers navigate it. ## What Is a Hyperlink, Exactly? A **hyperlink** (commonly shortened to "link") is a reference in digital content that points to another resource — a webpage, file, email address, section of a document, or even a phone number. When clicked or tapped, it navigates the user to that destination. Hyperlinks have two core parts: - **The anchor text** — the visible, clickable words (e.g., "click here" or "learn more about RAM") - **The URL or destination** — the actual address the link points to, which may or may not be visible Good hyperlink practice means using **descriptive anchor text** that tells the reader what they'll find — not generic phrases like "click here." ## How to Add a Hyperlink in Common Platforms ### In Microsoft Word and Google Docs Both word processors use nearly identical steps: 1. **Select the text** you want to turn into a link 2. Press **Ctrl + K** (Windows) or **Cmd + K** (Mac) 3. A dialog box appears — paste or type the destination URL 4. Press **Enter** or click **OK** In Google Docs, you can also right-click selected text and choose **"Insert link"** from the context menu. The linked text will typically appear underlined and in a different color. ### In HTML (Web Development) The standard HTML hyperlink uses the ` ` (anchor) tag: ```html Your anchor text here ``` Key attributes you'll encounter: | Attribute | Purpose | |---|---| | `href` | The destination URL | | `target="_blank"` | Opens link in a new tab | | `title` | Tooltip text on hover | | `rel="nofollow"` | Tells search engines not to pass link equity | For **email links**, use `mailto:` as the protocol: ```html Email us ``` ### In Email Clients (Gmail, Outlook) Most modern email clients have a toolbar button for inserting links: 1. **Highlight** the text you want to hyperlink 2. Click the **link icon** in the formatting toolbar (it usually looks like a chain link 🔗) 3. Enter the destination URL and confirm Keyboard shortcut **Ctrl + K** works in Gmail and Outlook desktop as well. ### In WordPress and CMS Platforms In the **WordPress block editor (Gutenberg)**: 1. Select your text in a paragraph or heading block 2. Click the **link icon** in the floating toolbar, or press **Ctrl + K** 3. Type or paste the URL into the field that appears 4. Optionally toggle **"Open in new tab"** 5. Press **Enter** to apply Other CMS platforms like Squarespace, Wix, and Webflow follow similar patterns through their visual editors, typically surfacing a link option in a text toolbar when content is selected. ### In Markdown Markdown is used in platforms like GitHub, Notion, Obsidian, and many static site generators. The syntax is straightforward: ```markdown [Anchor text](https://example.com) ``` For a link that opens with a tooltip: ```markdown [Anchor text](https://example.com "Tooltip text here") ``` ## Absolute vs. Relative URLs When hyperlinking within your own website or app, you'll encounter two types of paths: - **Absolute URL** — the full address, including protocol and domain: `https://yoursite.com/about` - **Relative URL** — a path relative to the current page: `/about` or `../images/photo.jpg` Absolute URLs work anywhere. Relative URLs are more portable during development but depend on directory structure being correct. ## Variables That Affect How Hyperlinks Behave Not all hyperlinks work the same way across every context. Several factors shape how they appear and function: - **Platform or environment** — HTML, Markdown, rich-text editors, and plain-text fields each handle links differently. Plain text emails, for instance, show raw URLs instead of anchor text. - **Link target settings** — whether a link opens in the same tab, a new tab, or triggers a download depends on how the `target` attribute or equivalent platform setting is configured. - **Security context** — browsers treat `http://` and `https://` links differently. Secure connections are flagged; insecure ones may show warnings. - **SEO and `rel` attributes** — for web publishing, attributes like `rel="nofollow"` or `rel="sponsored"` affect how search engines interpret your links. Internal links without these attributes pass authority between pages. - **Accessibility** — screen readers announce links by their anchor text. Vague anchor text like "read more" creates a poor experience for users relying on assistive technology. ## Anchor Links Within a Page You can also link to a **specific section within the same page** — useful for long articles or documentation. In HTML, this requires an `id` attribute on the target element: ```html