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

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

Adding Images in Markdown

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

![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:

[![App Platorm](https://doimages.nyc3.cdn.digitaloceanspaces.com/002Blog/0-BLOG-BANNERS/app_platform.png)](https://www.digitalocean.com/products/app-platform)

This is how the above, Linked image looks:

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.