Bear CSS Playground

Dummy content below.

Welcome to the Complete Guide to Markdown Syntax! In this article, you'll find examples of every type of Markdown syntax. From headers to links, and even tables, this guide has it all. Let’s dive in!

1. Headers

Markdown allows for six levels of headers, from # to ######. Here’s how they look:

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

2. Emphasis

You can add italic, bold, and bold italic text:

• Italic text uses single asterisks or underscores.
• Bold text uses double asterisks or underscores.
• Bold italic uses triple asterisks or underscores.

3. Blockquotes

"Markdown makes it easy to add blockquotes. Just add a > in front of your text."

Markdown can handle:

• Nested blockquotes

  And even sub-nested quotes!

4. Lists

Markdown supports both unordered and ordered lists.

Unordered Lists

• Item 1
• Item 2
  • Subitem 1
  • Subitem 2

Ordered Lists

1. First item
2. Second item
   1. Subitem 1
   2. Subitem 2

5. Code

You can add inline code by wrapping text in backticks.

For code blocks, wrap text in triple backticks:

# This is a Python code block
def hello_world():
    print("Hello, world!")

Note: The syntax highlighting is broken here, but it should work on your bear blog.

6. Horizontal Rules

Create horizontal rules with three or more dashes (---), asterisks (***), or underscores (___):

7. Links

Links are easy to add in Markdown. Here’s an example:

• OpenAI's website
• Link with hover text

8. Images

To add an image, use a similar syntax to links, but add an exclamation mark at the start:

9. Tables

Tables are straightforward in Markdown. Separate columns with pipes | and use dashes - to separate the header from the rows:

10. Task Lists

Task lists are a great way to track progress in Markdown:

• Task 1
• Task 2
• Task 3

11. Footnotes

Markdown even allows for footnotes¹.

12. HTML Elements

You can also include HTML tags directly in Markdown:

13. Strikethrough

Strikethrough text is created using double tildes (~~):

This text is crossed out.

14. Emoji

You can use emoji by typing the code between colons, like this: 🎉 :smile: 🎈

15. Escaping Characters

To show Markdown characters without them being parsed, use a backslash:

• *This will not be italic*
• # This is not a header

16. Math (with LaTeX)

Some Markdown editors support LaTeX for math expressions:

Inline math: The formula is $E=m{c}^2$

Block math:

Conclusion

This article has shown you all the Markdown syntax you need to know! With this guide, you’ll be able to format your documents with ease and creativity. Enjoy writing in Markdown!