<h1 id="heading-a-quick-reference-to-the-markdown-syntax"><strong>A quick reference to the Markdown syntax.</strong></h1>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1658578258111/06tdIMbTe.webp" alt="markdown.webp" /></p>
<h2 id="heading-basic-syntax">Basic Syntax</h2>
<div class="hn-table">
<table>
<thead>
<tr>
<td>Description</td><td></td><td>Syntax</td></tr>
</thead>
<tbody>
<tr>
<td>Heading</td><td></td><td><ul><li># H1</li> <li>## H2</li> <li>### H3</li></ul></td></tr>
<tr>
<td>Bold</td><td></td><td><ul><li><strong>**</strong>Bold<strong>**</strong></li><li> or <strong>__</strong>Bold<strong>__</strong> </li></ul></td></tr>
<tr>
<td>Italic</td><td></td><td><ul><li><strong>*</strong>Italic<strong>*</strong></li><li>or <strong>_</strong>Italic<strong>_</strong></li></ul></td></tr>
<tr>
<td>Blockquote</td><td></td><td>&gt; blockquote</td></tr>
<tr>
<td>Ordered List</td><td></td><td><ul><li>1. First item</li><li>2. Second item</li></ul></td></tr>
<tr>
<td>Unordered List</td><td></td><td><ul><li>- First item</li><li>- Second item</li></ul></td></tr>
<tr>
<td>Code Snippet</td><td></td><td>Use backtick (``) before and after the code, You can use pair od three backticks(```)</td></tr>
<tr>
<td>Horizontal Rule</td><td></td><td>---</td></tr>
</tbody>
</table>
</div><h3 id="heading-link"><strong>Link</strong></h3>
<p><strong>To create a link</strong></p>
<p>Enclose the link text in brackets</p>
<pre><code>[<span class="hljs-string">Link To Go</span>](<span class="hljs-link">https://somthing.com</span>)
</code></pre><h3 id="heading-images"><strong>Images</strong></h3>
<p><strong>To add an image</strong></p>
<p>Add an exclamation mark (!), followed by alt text in brackets, and the path or URL to the image asset in parentheses.</p>
<pre><code>![<span class="hljs-string">The San Juan Mountains are beautiful!</span>](<span class="hljs-link">/assets/images/san-juan-mountains.jpg "Title when hover"</span>)
</code></pre><p><em>These are some basic markdown syntax, there are more syntaxes also to make beautiful markdown files that we will discuss later on.</em></p>


# **A quick reference to the Markdown syntax.**

![markdown.webp](https://cdn.hashnode.com/res/hashnode/image/upload/v1658578258111/06tdIMbTe.webp align="left")

## Basic Syntax 
| Description     || Syntax |
| ----------- || ----------- |
| Heading   || <ul><li># H1</li> <li>## H2</li> <li>### H3</li></ul>      |
| Bold || <ul><li>******Bold******</li><li> or ______Bold______ </li></ul>|
|Italic||<ul><li>*****Italic*****</li><li>or _____Italic_____</li></ul>|
|Blockquote|| > blockquote|
| Ordered List || <ul><li>1. First item</li><li>2. Second item</li></ul>|
| Unordered List|| <ul><li>- First item</li><li>- Second item</li></ul>|
| Code Snippet || Use backtick (``) before and after the code, You can use pair od three backticks(```)   |
| Horizontal Rule || --- |

### **Link**
**To create a link**

Enclose the link text in brackets
```
[Link To Go](https://somthing.com)
```

### **Images**
**To add an image**

Add an exclamation mark (!), followed by alt text in brackets, and the path or URL to the image asset in parentheses.
```
![The San Juan Mountains are beautiful!](/assets/images/san-juan-mountains.jpg "Title when hover")
```

*These are some basic markdown syntax, there are more syntaxes also to make beautiful markdown files that we will discuss later on.*

Markdown Cheat Sheet

Table of contents

A quick reference to the Markdown syntax.

Basic Syntax

Link

Images

Description		Syntax
Heading		# H1 ## H2 ### H3
Bold		Bold or __Bold__
Italic		Italic or _Italic_
Blockquote		> blockquote
Ordered List		1. First item 2. Second item
Unordered List		- First item - Second item
Code Snippet		Use backtick (``) before and after the code, You can use pair od three backticks(```)
Horizontal Rule		---