Markdown Images

The syntax for Markdown image formatting is as follows:

![alt text](image URL)

![alt text](image URL "optional title")

• Start with an exclamation mark !
• Followed by square brackets containing the alternative text for the image
• Then parentheses containing the URL of the image, and optionally, the title text enclosed in quotes.

Example usage:

![tutorialpro icon](http://static.tutorialpro.org/images/tutorialpro-logo.png)

![tutorialpro icon](http://static.tutorialpro.org/images/tutorialpro-logo.png "tutorialpro")

Display results are as follows:

You can also use variables for the image URL, similar to URLs:

This link uses 1 as the URL variable [tutorialpro][1].
Then assign the value (URL) to the variable at the end of the document

[1]: http://static.tutorialpro.org/images/tutorialpro-logo.png

Display results are as follows:

Markdown does not support specifying the height and width of images. If needed, you can use the regular <img> tag.

<img decoding="async" src="http://static.tutorialpro.org/images/tutorialpro-logo.png" width="50%">

Display results are as follows: