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
- 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:
document.md
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
[](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.
