📘 Example Markdown Guide

Welcome to this example Markdown file showcasing most of the popular Markdown features and tags.

Table of Contents

1. Headings
2. Emphasis
3. Lists
4. Links
5. Images
6. Blockquotes
7. Code
8. Tables
9. Task Lists
10. Horizontal Rule
11. Inline HTML
12. Footnotes
13. Mentions & Emojis
14. Strikethrough

Headings

# H1
## H2
### H3
#### H4
##### H5
###### H6

H1

H2

H3

H4

H5

H6

Emphasis

You can make text bold or italic.

**bold text**
*italic text*
***bold and italic***
__bold text__
_italic text_

bold text italic text bold and italic bold text italic text

Lists

Unordered Lists

- Item 1
- Item 2
  - Nested item
  - Another nested item
- Item 3

• Item 1
• Item 2
  • Nested item
  • Another nested item
• Item 3

Ordered Lists

1. First item
2. Second item
   1. Nested item
   2. Another nested item
3. Third item

1. First item
2. Second item
   1. Nested item
   2. Another nested item
3. Third item

Links

[Link text](https://example.com)
[Link with title](https://example.com "Title")
<https://example.com>

Link text Link with title https://example.com

Images

![Alt text](https://images.unsplash.com/photo-1751906380892-8b95090cc797)
![Alt text with title](https://images.unsplash.com/photo-1751906380892-8b95090cc797 "Image title")

Blockquotes

> This is a blockquote
> 
> It can span multiple lines
> 
> > And can be nested

This is a blockquote

It can span multiple lines

And can be nested

Code

Inline Code

Use `inline code` within a sentence.

Use inline code within a sentence.

Code Blocks

```javascript
function hello() {
    console.log("Hello, world!");
}
```

function hello() {
    console.log("Hello, world!");
}

Tables

| Column 1 | Column 2 | Column 3 |
|----------|----------|----------|
| Row 1    | Data     | More data|
| Row 2    | Data     | More data|

Task Lists

- [x] Completed task
- [ ] Incomplete task
- [x] Another completed task

• Completed task
• Incomplete task
• Another completed task

Horizontal Rule

---
***
___

Inline HTML

<p>You can use <strong>HTML tags</strong> directly in Markdown.</p>
<div style="color: red;">This text is red!</div>

You can use HTML tags directly in Markdown.

Footnotes

Here's a sentence with a footnote[^1].

[^1]: This is the footnote content.

Here's a sentence with a footnote[^1].

[^1]: This is the footnote content.

Mentions & Emojis

@username mentioned
:smile: :heart: :thumbsup:

@username mentioned :smile: :heart: :thumbsup:

Strikethrough

~~This text is crossed out~~

This text is crossed out