Tutorial

How To Add Images in Markdown

Introduction

You can add images to Markdown using the [alt text](image_url) syntax. Let’s see how it works.

Prerequisites

Adding Images in Markdown

Here’s the syntax for adding images in Markdown. The title is optional:

document.md
![Alt text](https://assets.digitalocean.com/articles/alligator/boo.svg "a title")

This results in the following HTML:

<img title="a title" alt="Alt text" src="/images/boo.svg">

Linked Images

With the markdown syntax for links, here’s how you would have a linked image:

document.md
[![Alt text](https://assets.digitalocean.com/articles/alligator/boo.svg)](https://digitalocean.com)

Conclusion

The <img> element is a useful feature of HTML.

For a more comprehensive review of the HTML5 markup language, explore our series, How To Build a Website in HTML.

Creative Commons License