Links and Images

Add hyperlinks and images to your Markdown documents.

Inline Links

[Link text](https://example.com)
[Link with title](https://example.com "Hover text")

Result: Link text

Reference Links

[Link text][ref]
[Another link][ref2]

[ref]: https://example.com
[ref2]: https://another.com "Optional title"

Automatic Links

<https://example.com>
<email@example.com>

Result: https://example.com

Inline Images

![Alt text](https://placehold.co/600x400)
![Alt text](https://placehold.co/600x400 "Image title")

Result: Alt text

Reference Images

![Alt text][logo]

[logo]: https://placehold.co/200x200 "Company Logo"

Image with Link

[![Alt text](https://placehold.co/200x200)](https://example.com)

Clicking the image navigates to the URL.

Relative Paths

[Local file](./document.md)
![Local image](../images/photo.jpg)

Link to Section

[Jump to section](#heading-name)

## Heading Name
Content here...

Footnote Links

Here's a sentence with a footnote[^1].

[^1]: This is the footnote content.

URLs and Email Addresses

Visit https://example.com or email contact@example.com

Many Markdown processors auto-link URLs and emails.

Link Best Practices

<!-- Good: descriptive text -->
[Read the documentation](https://docs.example.com)

<!-- Avoid: generic text -->
Click [here](https://docs.example.com)

Image Sizing (HTML fallback)

<img src="https://placehold.co/600x400" alt="Alt text" width="300" height="200">

Linked Images with Alt Text

[![Screenshot of the app](./screenshot.png "App Screenshot")](https://app.example.com)