Adding images in Markdown is straightforward. Here’s how you can do it:
Basic SyntaxThe basic syntax for adding an image in Markdown is:
-
![ ]- This syntax indicates that you are adding an image. -
Alt text- This is the alternative text that describes the image. -
(URL or path to image)- This is the URL (for web images) or the path (for local images) to the image.
Adding a Local Image
If you have an image file in the same directory as your Markdown file:
For an image in a subdirectory:
Adding Title Attribute
You can also add a title attribute that appears when the user hovers over the image:
Example:
Resizing Images
Markdown does not support image resizing natively, but you can achieve it with HTML within your Markdown file.
Using HTML for Resizing
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/OpenAI_Logo.svg/1200px-OpenAI_Logo.svg.png" alt="OpenAI Logo" width="200"/>
Combining Markdown and HTML
You can combine Markdown and HTML to leverage both syntaxes in your document.
Example
# My Document
Here is an image using Markdown syntax:
And here is an image using HTML for resizing:
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/OpenAI_Logo.svg/1200px-OpenAI_Logo.svg.png" alt="OpenAI Logo" width="200"/>
Conclusion
Using these methods, you can easily include and manage images in your Markdown documents, providing both simple and advanced options for displaying images effectively.
