Images in Markdown

Markdown proivides a simple way to add images to your markdown documents.

Adding Images

Including images is similar to links, but with an exclamation mark at the beginning. The alt text is included within the square brackets, and the path to the image in the parentheses:

Syntax:

![Markdown logo](/markdown_logo.svg)

Result:

Images with Titles

Images can have title attributes (tooltip):

Syntax:

![Markdown logo](/markdown_logo.svg "Markdown logo")

Result:

Images as Links

You can turn an image into a link by adding the image inside link syntax:

Syntax:

[![Markdown logo](/markdown_logo.svg)]((https://learn-webdevelopment.com/course/markdown/introduction-to-markdown/introduction-to-markdown))

Result:

Reference-Style Images

Just like reference links, you can include reference-style images:

Syntax:

![Alt Text][markdown-image-reference]

[markdown-image-reference]: /markdown_logo.svg "Optional Title"

Result: