마크다운 치트시트

모든 개발 도구

무료

검색과 인쇄가 가능한 마크다운 참고자료입니다: 제목, 목록, 링크, 이미지, 코드 블록, 표, 깃허브 전용 확장 기능까지. 무료입니다.

Basic syntax

# Heading 1

Top-level heading

## Heading 2

Second-level heading

### Heading 3

Third-level heading (up to ######)

**bold text**

Bold

*italic text*

Italic

***bold italic***

Bold and italic combined

`inline code`

Inline code span

Heading 1
=========

Setext H1 (underline style)

Heading 2
---------

Setext H2 (underline style)

Line one  
Line two

Line break: two trailing spaces

Line one\
Line two

Line break: trailing backslash

Paragraph one.

Paragraph two.

Blank line starts a new paragraph

Lists

- item
- item

Unordered list (also * or +)

1. first
2. second

Ordered list

1. first
1. second

Auto-numbering (all 1. works)

- parent
  - nested child

Nested list: indent 2–4 spaces

1. step
   continued paragraph

Multi-line item: align with text

- item

- item

Loose list (items become )

1) first
2) second

Alternate ordered marker

3. starts at three

Start number sets list origin

- item

      code in list

Code block inside a list item

4\. Not a list.

Escape the dot to avoid a list

Links & images

[text](https://example.com)

Inline link

[text](https://example.com "Title")

Link with hover title

<https://example.com>

Autolink (bare URL)

<mail@example.com>

Email autolink

![alt text](image.png)

Image

![alt](image.png "Title")

Image with title

[![alt](thumb.png)](https://example.com)

Clickable image (image in link)

[relative link](../docs/page.md)

Relative path link

[section link](#heading-anchor)

Link to a heading anchor

[text](https://example.com/my%20page)

Encode spaces as %20 in URLs

Code & code blocks

`code`

Inline code

``use `backticks` inside``

Inline code containing backticks

```
plain block
```

Fenced code block

```js
console.log('hi');
```

JavaScript syntax highlighting

```php
echo 'hi';
```

PHP syntax highlighting

```python
print('hi')
```

Python syntax highlighting

```bash
ls -la
```

Shell syntax highlighting

```json
{"key": "value"}
```

JSON syntax highlighting

```diff
- removed
+ added
```

Diff highlighting (+/- lines)

````
```
nested fence
```
````

Show a fence: use more backticks

indented 4 spaces

Indented code block (classic)

Tables

| A | B |
|---|---|
| 1 | 2 |

Basic table

|:---|

Left-align a column

|:---:|

Center a column

|---:|

Right-align a column

A | B
--- | ---
1 | 2

Outer pipes are optional

| `code` | **bold** |

Inline formatting in cells

| a \| b |

Literal pipe in a cell: escape it

| [link](url) | ![img](src) |

Links and images in cells

| Long header | x |
|---|---|

Divider widths need not match

| line break |

Multi-line cell via

Blockquotes & rules

> quoted text

Blockquote

> level one
>> level two

Nested blockquote

> para one
>
> para two

Multi-paragraph quote

> ### Heading
> - list item

Other elements inside a quote

---

Horizontal rule

***

Horizontal rule (asterisks)

___

Horizontal rule (underscores)

text

---

text

Blank lines around rules (not H2!)

>: Author Name

Attribution line inside a quote

GitHub-flavored extras

- [ ] todo item
- [x] done item

Task list (checkboxes)

~~strikethrough~~

Strikethrough

Text[^1]

[^1]: Footnote body.

Footnote

> [!NOTE]

Alert: note callout

> [!TIP]

Alert: tip callout

> [!IMPORTANT]

Alert: important callout

> [!WARNING]

Alert: warning callout

> [!CAUTION]

Alert: caution callout

@username

Mention a user (GitHub)

#123

Link an issue / PR (GitHub)

:tada: :rocket: :bug:

Emoji shortcodes

https://example.com

Bare URLs autolink in GFM

Escaping & HTML

\*not italic\*

Escape formatting characters

\\

Literal backslash

\# not a heading

Escape a leading #

\[not a link\]

Escape brackets

\`not code\`

Escape backticks

<kbd>Ctrl</kbd> + <kbd>C</kbd>

Keyboard keys via HTML

 

Explicit line break

sub sup

Subscript / superscript

<details>
<summary>Title</summary>
Body
</details>

Collapsible section

Comment (not rendered)

& < >  

HTML entities work in Markdown

Advanced

## My Section → #my-section

Auto anchor: lowercase, dashes

[text][ref]

Reference-style link usage

[ref]: https://example.com "Title"

Reference link definition

[text][]

Shortcut: text doubles as label

![alt][logo]

Reference-style image

Term
: Definition text

Definition list (some parsers)

<a id="custom-anchor"></a>

Custom anchor target

[Back to top](#top)

Jump link within the page

---
title: Page
---

YAML front matter (static sites)

Heading {#custom-id}

Custom heading id (some parsers)

Mermaid & math fences

```mermaid
graph TD; A-->B;
```

Mermaid flowchart fence

```mermaid
sequenceDiagram
  A->>B: Hi
```

Mermaid sequence diagram

```mermaid
pie
  "A": 60
  "B": 40
```

Mermaid pie chart

```mermaid
gantt
  task :a1, 2026-01-01, 7d
```

Mermaid Gantt chart

```mermaid
erDiagram
  USER ||--o{ ORDER : places
```

Mermaid entity relationship

$E = mc^2$

Inline math (LaTeX)

$$
\frac{a}{b}
$$

Block math (display mode)

```math
\sqrt{x^2 + y^2}
```

Math fence (GitHub)

$\alpha \beta \gamma$

Greek letters in math

$x_{i}^{2}$

Subscript / superscript in math

“:q”와 일치하는 항목이 없습니다.

마크다운 치트시트 소개

이 마크다운 치트시트는 전체 문법을 검색 가능한 한 페이지에 모았습니다: 기본 문법, 목록, 링크와 이미지, 코드와 코드 블록, 표, 인용구와 구분선, 깃허브 전용 확장 기능, 이스케이프와 인라인 HTML, 고급 구문, 그리고 Mermaid와 수식 펜스까지 다룹니다.

표 열을 정렬하는 방법, 번호 매긴 항목 아래에 목록을 중첩하는 방법, 작업 목록이나 각주, 접을 수 있는 섹션을 작성하는 방법, 이스케이프해야 할 문자 등 매번 검색으로 이어지는 질문에 각 행마다 실제로 동작하는 예제와 함께 답합니다.

이 그룹의 다른 치트시트와 마찬가지로 무료이며 클라이언트 측에서 동작합니다: 검색창으로 실시간으로 행을 필터링하고, 고정된 목차로 섹션을 이동하고, 클릭 한 번으로 스니펫을 복사하고, 글을 쓰는 동안 참고할 수 있도록 페이지를 인쇄할 수 있습니다.

마크다운 치트시트 사용 방법

시트를 열고 기본 문법과 목록부터 Mermaid & 수식 펜스까지 섹션을 검토하세요.
table, task list, footnote 같은 키워드를 검색해 모든 행을 실시간으로 필터링하세요.
GitHub와 비슷한 플랫폼에서만 동작하는 문법이 필요할 때는 깃허브 전용 확장 기능 섹션으로 이동하세요.
스니펫이나 복사 아이콘을 클릭해 마크다운을 클립보드에 복사하세요.
전체 마크다운 참고자료를 종이로 보려면 인쇄를 사용하세요.

자주 묻는 질문

10개 섹션입니다: 기본 문법, 목록, 링크와 이미지, 코드와 코드 블록, 표, 인용구와 구분선, 깃허브 전용 확장 기능, 이스케이프와 HTML, 고급 구문, Mermaid와 수식 펜스입니다.

네. 작업 목록, 표, 취소선, 자동 링크, 각주, 접을 수 있는 details 블록, 알림, 이모지 단축 코드가 모두 각자 섹션을 가지고 있습니다.

표 섹션에서 파이프와 대시로 이루어진 문법과, 각 열을 왼쪽/오른쪽 정렬하거나 가운데 정렬하는 콜론 배치를 보여줍니다: 예제를 복사해서 편집하세요.

네. 어느 행의 마크다운이나 복사 아이콘을 클릭하면 바로 클립보드로 복사됩니다.

네, 완전히 무료이며 로그인 없이 브라우저에서 실행됩니다.

마크다운 치트시트

Basic syntax

Lists

Links & images

Code & code blocks

Tables

Blockquotes & rules

GitHub-flavored extras

Escaping & HTML

Advanced

Mermaid & math fences

마크다운 치트시트 소개

마크다운 치트시트 사용 방법

자주 묻는 질문

마크다운 치트시트는 무엇을 다루나요?

깃허브 스타일 마크다운도 포함되어 있나요?

마크다운 표는 어떻게 작성하나요?

클릭 한 번으로 스니펫을 복사할 수 있나요?

마크다운 참고자료는 무료인가요?

관련 도구

인기 검색어

이 도구 임베드하기