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
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 link
create a image with anchor link like combining both image inline and inline links
[![image alt text](image url link)](anchor link)