How To Add Images in Markdown

Sep 26, 2024 04:27 AM - 4 months ago 151293

Introduction

You tin adhd images to Markdown utilizing the [alt text](image_url) syntax. Let’s spot really it works.

Prerequisites

  • A wide knowledge of HTML5. For a broad reappraisal of the HTML5 markup language, research our series, How To Build a Website successful HTML.

Adding Images successful Markdown

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

document.md

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

This results successful the pursuing HTML:

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

Linked Images

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

document.md

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

This is really the above, Linked image looks:

App Platorm

Conclusion

The <img> constituent is simply a useful characteristic of HTML.

For a much broad reappraisal of the HTML5 markup language, research our series, How To Build a Website successful HTML.

Thanks for learning pinch the DigitalOcean Community. Check retired our offerings for compute, storage, networking, and managed databases.

Learn much astir our products

More