Payload Logo
Engineering,Β Software

The Ultimate Guide to Markdown

Author

fityannugroho

Date Published

Markdown Logo

Markdown is a lightweight markup language that allows you to format text easily. Whether you're a beginner or a pro, there's always more to learn! πŸŽ‰


What is Markdown?

Markdown is simple, flexible, and easy easier than HTML!

Markdown is designed to be easy to read and easy to write.

– John Gruber –

You can use it to create:

  • Blogs
  • Documentation
  • Emails
  • and more!

Key Features

1. Headings

Use # symbols to create headings:

markdown
1# Heading 1
2## Heading 2
3### Heading 3
4#### Heading 4

2. Styling Text

  • Bold: **bold**
  • Italic: *italic*
  • Strikethrough: ~~text~~

Note: You can combine styles like this.

Lists

Unordered List

Use - item or * item syntax to create unordered list.

markdown
1- Apples
2- Bananas
3- Oranges
  • Apples
  • Bananas
  • Oranges

Ordered List

Use 1. item syntax to create unordered list.

markdown
11. First
21. Second
31. Third
  1. First
  2. Second
  3. Third

Nested List

markdown
1- John's tasks:
2 1. First task
3 1. Second task
4 1. Third task
5- Doe's tasks:
6 1. First task
7 1. Second task
8 1. Third task
  • John's tasks:
    1. First task
    2. Second task
    3. Third task
  • Doe's tasks :
    • First task
    • Second task
    • Third task

Checklist

Use - [ ] item syntax to create checklist. Put x inside the [ ] to make it checked.

markdown
1- [x] Learn Markdown
2- [ ] Practice daily
3- [ ] Master Markdown
  • Learn Markdown
  • Practice daily
  • Master Markdown

Links and Images

Links

Use [text](http://links.to) syntax to create link.

markdown
1Click [here](https://www.markdownguide.org) to learn more about Markdown.

Click here to learn more about Markdown.

Images

Use ![alt](http://image.link) syntax to create image. Note that the alt text is optional.

markdown
1![your image description](https://link.to/your/image)

Code Blocks

Use triple backticks ``` to create code block. You also can specify the code language in the opening backticks.

markdown
1```js
2function helloWorld() {
3 console.log("Hello, World!");
4}
5```

Result:

javascript
1function helloWorld() {
2 console.log("Hello, World!");
3}

For Inline code, use the `code` syntax for inline snippets.

Blockquotes

Use > symbol to create blockquote. You can create multiline blockquote by adding > symbol in every lines.

markdown
1> Markdown makes quoting text simple.
2> ~ Your friendly Markdown enthusiast
Markdown makes quoting text simple.
~ Your friendly Markdown enthusiast

Horizontal Rules

Use triple dash --- to create horizontal rules.

markdown
1---

Result:


HTML tags support

You can use almost any HTML tags in Markdown. For example, underline <u>, subscript <sub>, and superscript <sup>.

markdown
1- Underline: <u>important</u>
2- Subscript: H<sub>2</sub>
3- Superscript: 2<sup>10</sup>
  • Underline: important
  • Subscript: H2O
  • Superscript: 210
Note: Some Markdown parsers may restrict the use of certain HTML tags for security reasons, like <script> or <iframe>.

Conclusion

Markdown is a must-have skill for writers and developers alike. Start using it today to make your text come alive!

What are you waiting for? Try Markdown now. 🎯