Markdown Links and Images

📅 2026-06-12 | 📂 Markdown

Introduction

Links and images are fundamental elements of any document. Markdown provides simple syntax for both inline and reference-style links.

Links

# Inline links
(https://google.com)
(https://example.com "Example Site")

# Reference links



: https://google.com
: https://github.com

# Automatic links
<https://example.com>
user@email.com

Images

# Inline image
!(https://example.com/image.jpg)

# Image with title
!(https://example.com/logo.png "Company Logo")

# Reference-style image
!

: https://example.com/screenshot.png "Screenshot"

Images as Links

# Clickable image
[!(image.jpg)](https://example.com)

# With dimensions (HTML)
<img src="image.jpg" alt="description" width="300">

GitHub Flavored Markdown

# Task lists
-  Completed task
-  Pending task

# Mentions
@username

# Issue references
#123

# Emoji
:smile: :rocket: :heart:

Summary

Use square brackets for links and exclamation marks for images. Reference-style links keep your Markdown clean, especially with many links.

YouTip