DEV Community

Cover image for Markdown cheatsheet
Temitope Ayodele
Temitope Ayodele

Posted on

5 2

Markdown cheatsheet

#markdown #todayilearned #beginners

Originally published on my blog

You can style texts on the web with markdown. Markdown files use the .md or .mdx extensions. Here is a list of essential markdown syntax that you will mostly use often.

HEADERS 

# Heading 1 <h1>
## Heading 2 <h2> 
### Heading 3 <h3>
#### Heading 4 <h4>
##### Heading 5 <h5>
###### Heading 6 <h6>
Enter fullscreen mode Exit fullscreen mode

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

BOLD 

**I am a bold text**
__I am a bold text__
Enter fullscreen mode Exit fullscreen mode

I am a bold text

ITALICS 

*italicized text*
_Italic text_
Enter fullscreen mode Exit fullscreen mode

italicized text

LISTS

Unordered List 
- Shoes
- Bags
- Clothes
Enter fullscreen mode Exit fullscreen mode
  • Shoes
  • Bags
  • Clothes
Ordered List 
1. Baby
2. Teenager
3. Adult
Enter fullscreen mode Exit fullscreen mode
  1. Baby
  2. Teenager
  3. Adult

CODE 

`code`
Enter fullscreen mode Exit fullscreen mode

code

LINK 

[inline-style link](https://temmie.me)
[inline-style link with title](https://temmie.me "My portfolio")
Enter fullscreen mode Exit fullscreen mode

inline-style link
inline-style link with title

IMAGE 

![descriptive alt text](image.jpg)
Enter fullscreen mode Exit fullscreen mode

BLOCKQUOTE 

> blockquote
Enter fullscreen mode Exit fullscreen mode

This is a blockquote

HORIZONTAL RULE 

Hyphens
---
Asterisks
***
Underscores
___
Enter fullscreen mode Exit fullscreen mode

Hyphens

Asterisks

Underscores

STRIKETHROUGH 

~~This is strikethrough sentence.~~
Enter fullscreen mode Exit fullscreen mode

This is strikethrough sentence.

TABLE 

| Name | Type |
| ----------- | ----------- |
| Temitope | Frontend engineer |
| Ayodele | Coach |
Enter fullscreen mode Exit fullscreen mode
Name Type
Temitope Frontend engineer
Ayodele Coach

INLINE HTML 

<h4>My Title</h4>
<p>I really have nothing to write here, lol</p>
<p>Markdown does *not* work well here. Use <strong>HTML tags</strong> instead.</p>
Enter fullscreen mode Exit fullscreen mode

My Title

I really have nothing to write here, lol

Markdown does *not* work well here. Use HTML tags instead.

You can play around the markdown syntax here.

Checkout my articles on my blog

profile
Heroku
 Promoted

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

Top comments (1)

Collapse
 
joelnwalkley profile image
Joel N. Walkley •

Great list!

One trick I recently learned is that for numbered lists, you don't actually need to manually increment the number. You can put all "1."s and it will auto-order. Really handy if you ever need to move things around.

Example below with result:

1. Item one
1. Item two
1. item three
Enter fullscreen mode Exit fullscreen mode
  1. Item one
  2. Item two
  3. item three
profile
Pieces.app
 Promoted

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

Read next

hamzakhan profile image

🚀 Why TypeScript is Better Than Vanilla JavaScript: A Technical Deep Dive 🛠️

Hamza Khan -

takuuu profile image

Comparing Rust's and_then and map for Option Handling

Takuu Kaku -

imsushant12 profile image

Interview Questions on AWS Networking: VPC, Load Balancers, and Auto Scaling

Sushant Gaurav -

jacobandrewsky profile image

Reactive vs. Ref in Vue 3: What’s the difference?

Jakub Andrzejewski -

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay