Blog

[Markdown] 마크다운 문법

markdown, markdown syntax, 마크다운, 마크다운 문법, 마크다운문법

마크다운 문법에 대해 소개하겠습니다.

목차

마크다운 문법

제목 Headers

#으로 시작하는 텍스트.
#은 하나부터 여섯개까지 쓸 수 있고, #이 늘어날때마다 제목의 수준은 내려간다.
(보통 글씨 크기가 작아진다.)

마크다운 실행결과
# h1
## h2
### h3
#### h4
##### h5
###### h6

h1

h2

h3

h4

h5
h6

또는 -, =을 이용하여 h1, h2를 쓸 수 있다.

마크다운 실행결과
h1
===

h2
—

h1

h2

인용 Blockquotes

>으로 시작하는 텍스트

마크다운 실행결과
> 인용문
인용문
> 인용문
>> 인용문안의 인용문
인용문
인용문안의 인용문

코드 블럭 Code Blocks

``` 혹은 ~~~
코드 첫 줄과 마지막 줄에 Back quote ( ` ) 또는 물결( ~ ) 3개 삽입

마크다운 실행결과
```
이것은
코드 블럭
입니다
```

~~~
이것은
코드 블럭
입니다
~~~		 
1
2
3
이것은
코드 블럭
입니다

1
2
3
이것은
코드 블럭
입니다
첫 ``` 옆에 타입을 지정할 수 있다.
(ex c, java, xml, json 등등)
```c
void f()
    printf(%s,“이것은 c 코드 입니다”);
}
```		 
1
2
3
void f(){
    printf(%s,"이것은 c 코드 입니다");
}

인라인 코드 Inline Code Blocks

`(Back quote)로 감싸진 텍스트

마크다운 실행결과
`인라인 코드 블럭` 인라인 코드 블럭

강조 Emphasis

기울여 쓰기(italic) : * 또는 _로 감싼 텍스트
굴게쓰기(bold) : ** 또는 __로 감싼 텍스트

마크다운 실행결과
*기울여쓰기(italic)*
_기울여쓰기(italic)_

**굵게쓰기(bold)**
__굵게쓰기(bold)__		 기울여쓰기(italic)
기울여쓰기(italic)

굵게쓰기(bold)
굵게쓰기(bold)

수평선 Horizontal Rules

- 또는 * 또는 _ 을 3개 이상 작성
(단, -을 사용할 경우 header로 인식할 수 있으니 이 전 라인은 비워두어야한다.)

마크다운 실행결과
---
***
___

[링크](http://example.com "링크 설명-마우스 hover시 나타나는 설명 문구") 인라인 링크
[링크1][1] [1]: http://example1.com/ "링크1 설명" 참조 링크
<example.com/> <example@example.com> url 링크

마크다운 실행결과
인라인 링크 
[Google](http://www.google.co.kr "구글")
Google
참조 링크
[Google][1]
[Naver][2]
[1]: http://google.com/ “구글”
[2]: http://naver.com/ “네이버”
Google
Naver
URL 링크
<http://google.com/>
<example@gmail.com/>
http://google.com
example@gmail.com

<div id="index">목차</div> html css id를 통해 내부 링크를 사용할 수 있다.
[링크](#id) 내부 링크

마크다운 실행결과
[목차](#index) 목차

리스트 Lists

순서 있는 리스트 Ordered Lists

No. 숫자 다음 .을 찍는다. (적힌 숫자랑 상관없이 순서대로 번호가 매겨진다.)

마크다운 실행결과
1. list item 1
1. list item 2
2. list item 3
0. list item 4
3. list item 5
  1. list item 1
  2. list item 2
  3. list item 3
  4. list item 4
  5. list item 5

순서 없는 리스트 Unordered Lists

*, +, - 으로 시작

마크다운 실행결과
* list item 1
    * list item 1-1
        * list item 2-1
    * list item 1-2
  • list item 1
    • list item 1-1
      • list item 2-1
    • list item 1-2
+ list item 1
    + list item 1-1
        + list item 2-1
    + list item 1-2
  • list item 1
    • list item 1-1
      • list item 2-1
    • list item 1-2
- list item 1
    - list item 1-1
        - list item 2-1
    - list item 1-2
  • list item 1
    • list item 1-1
      • list item 2-1
    • list item 1-2
* list item 1
    + list item 1-1
        - list item 2-1
    + list item 1-2
  • list item 1
    • list item 1-1
      • list item 2-1
    • list item 1-2

테이블 Tables

마크다운 실행결과
테이블 생성
Header 1 | Header 2
--------- | ---------
Content 1 | Content 3
Content 2 | Content 4
Header 1Header 2
Content 1Content 3
Content 2Content 4
테이블 정렬
| Header 1 | Header 2 | Header 3 |
| :-------- | :--------: | --------: |
| Left | Center | Right |
Header 1Header 2Header 3
LeftCenterRight

이미지 Adding Images

마크다운 실행결과
인라인 이미지
![alt text](/test.png )
 alt text
링크 이미지
![alt text](image_URL)
 alt text
참조 이미지
![alt text][1]
[1]: /test.png		 alt text

각주 Footnotes

마크다운 실행결과
각주입니다[^id]
[^id]: 각주에 대한 설명.
각주입니다1

1 각주 설명 : 설명설명

GitHub에서는 footnote를 지원해주지 않는다.

html 태그를 통해 각주 사용

1
2
<div id ="footnotes-p">각주입니다<sup>[1](#footnotes)</sup></div>
<div id ="footnotes">[1](#footnotes-p) 각주 설명  : 설명설명</div>

접기

마크다운 실행결과
<details><summary>CLICK ME</summary>
```
pythonprint("hello world!")
```
</details>
CLICK ME
pythonprint("hello world!")

#Blog #Markdown #마크다운

< 이전 포스트 [Markdown] title 대괄호[] 사용하기

Share