Links are the foundation of web navigation, connecting different web pages and resources. In Markdown, creating a hyperlink is straightforward and requires only a few characters. This step-by-step guide explains how to format basic links, add hover titles, use autolinks for email addresses, and implement best practices for document navigation.
How to Create Inline Links in Markdown?
To create a basic inline link, wrap your link text (anchor text) in square brackets [] and immediately follow it with the destination URL in rounded parentheses (). Do not put any spaces between the brackets and parentheses.
For example, to link the text โClick here to open Googleโ to Googleโs homepage:
[Click here to open Google](https://www.google.com)This renders in the browser as a clickable hyperlink. The HTML equivalent is:
<a href="https://www.google.com">Click here to open Google</a>You can write multiple links in a paragraph:
We recommend searching on [Google](https://www.google.com) or checking out [Yahoo](https://www.yahoo.com).How Do I Add Hover Titles to Markdown Links?
You can specify an optional title for your link. The title works as a description and displays as a tooltip when a user hovers their mouse cursor over the link.
To add a title, append it after the URL inside the parentheses, enclosed in double quotes "". Remember to leave a single space between the URL and the title.
[Click here to open Tesla](https://tesla.com "Tesla link")This translates to the following HTML:
<a href="https://tesla.com" title="Tesla link">Click here to open Tesla</a>How to Create Email and URL Autolinks?
If you want to display the actual URL or email address as the clickable link text, you can use a shortcut called an autolink. Simply wrap the URL or email address in angle brackets <>.
<https://meshworld.in/>
<abc@gmail.com>In this MDX page, the equivalent rendered links use MDX-compatible Markdown syntax:
The HTML equivalent generated by Markdown parsers:
<a href="https://meshworld.in/">https://meshworld.in/</a>
<a href="mailto:abc@gmail.com">abc@gmail.com</a>How to Format Text Inside a Markdown Link?
You can apply text formatting styles directly to the link text. To italicize or bold a link, wrap the entire link syntax (including brackets and parentheses) with asterisks.
Here is how you can create bold and italic links:
This is a bold link: **[Markdown Guide](https://meshworld.in/)**
This is an italic link: _[Markdown Guide](https://meshworld.in/)_This renders as:
- This is a bold link: Markdown Guide
- This is an italic link: Markdown Guide
How to Use Reference-Style Links?
If a document contains many links, repeating full URLs inline can make the raw Markdown hard to read. Reference-style syntax lets you write a short label in the text and define the actual URL separately, anywhere else in the file (usually at the bottom).
Check out [Markdown Guide][guide] or read the [official spec][spec].
[guide]: https://www.markdownguide.org "Markdown Guide"
[spec]: https://spec.commonmark.org "CommonMark Spec"This renders identically to writing the URLs inline:
Check out Markdown Guide or read the official spec.
Reference labels are case-insensitive and can also be omitted entirely with the shortcut form, where the link text itself doubles as the label:
Check out [Markdown Guide][].
[Markdown Guide]: https://www.markdownguide.orgSummary Checklist
- Format inline links as
[Link Text](URL). - Use reference-style links (
[text][label]) to keep paragraphs with many URLs readable. - Add hover titles using
[Link Text](URL "Title"). - Use angle brackets
<URL>to create fast autolinks. - Style link text by placing formatting symbols outside the brackets.
- Choose descriptive anchor text to improve accessibility and search visibility.
Frequently Asked Questions
Can I link to headings on the same page?
Yes, you can create relative internal links targeting headings on the same page. Use # followed by the kebab-case version of the heading (e.g., [Go to top](#how-to-create-inline-links-in-markdown)).
How do I open a Markdown link in a new tab?
Standard Markdown does not support opening links in a new tab (HTML target="_blank"). To achieve this, you must write raw HTML link tags instead: <a href="url" target="_blank">Text</a>.
Can I format only a portion of the link text?
Yes! You can apply formatting to text inside the square brackets. For example, [Only **this part** is bold](https://example.com) will only make โthis partโ bold.
What to Read Next
- Autolinks in Markdown: Bare URLs and Emails โ See GFMโs extended autolink form that recognizes bare URLs without angle brackets.
- Escaping Special Characters in Markdown โ Learn how to stop a character from being parsed as link syntax.
