Images in Markdown

Images are the graphics that creates a document more engaging and attractive. It is essential of a document, report, newspapers, etc. The images convey a message better than the text. The syntax for images is similar to the links except the exclamatory symbol at the beginning. Images in Markdown can be created by inserting the image name inside the square brackets and image link URL inside the parenthesis with an exclamatory symbol at the beginning.

[ ] - Square Brackets

( ) - Parenthesis

! - Exclamatory symbol

Syntax

We can insert the images from various sources, such as Internet and PC. In case of inserting images from the internet, we need to specify the image address of any image. In case of inserting images from our PC, we need to specify the path.

Images from Internet

The steps to insert an image from Google are as follows:

1. Open any image.
2. Right click and select 'copy image address' option.
3. Paste the image address instead of the Image URL in Markdown.
4. The image will be inserted.

For example,

The link inside the parenthesis is the image address, which is directly copied from the Internet.

Output:

Images from PC

The images from PC can be easily inserted using Visual Code. We need to specify the path of the image saved on our PC.

For example,

If image is saved with the name 'Javatpoint.png', we need to specify:

Output:

Examples

Let's consider an example.

Example 1:

Output: