In general,images are added and displayed using img tag in html. These can be added as an single img child tag or img tag inside in anchor link

In this post, we are going to learn How to

  • images to markdown
  • Show image in html as links

how to add an image in markdown

Images can be added using two syntaxes using inline image or image links syntax

Inline images

Adding images in markdown is simple and easy.

Inline images syntax is similar to links inline syntax except starting starts with ! symbol followed by inline links syntax.

Inline links contains text which displayed to user enclosed in square brackets [] and link URL enclosed in parenthesis ()

Here is an syntax

![image text](image url "image Title")

And output is

<img src="image url" alt="image text" title="imae Title" />

the above syntax displays the image, In the next section, we are going to learn how to add link to the image.

create a image with anchor link like combining both image inline and inline links

 [![image alt text](image url link)](anchor link)