Markdown syntax

Help
1

I know how to do images in Markdown and I know how to do links in Markdown, but I’m not sure how to combine the two.

I want ![my image](assets/img/my_img.png) to work as a button that goes to [my link](http://mysite.com/index.html).

Do I have to get HTML involved here?

2

In HTML to add a link to an image you wrap the image in a

<a href="/about.html">
    <img src="photo.png" alt="Photo of me"/>
</a>

So the same in Markdown.

Just an image

![Photo of me](/photo.png)

Just a link.

[Link fallback text](/about.html)

Combine both by putting the image as the link text, which was invisible before.

[![Photo of me](/photo.png)](/about.html)

See also linked images here

Or my image Cheatsheet

3

Also for common flows and syntax, remember to search the forums

This same question was asked just 30 days ago. Search for “Markdown image” and it’s the second result.

4

This is what I needed, thanks @MichaelCurrin. My search foo failed. Sorry.

1 Like
5

Good :slight_smile:

Practice your search fu, grasshopper, and you will become a mighty search ninja. :pray:🙇‍♂