Post

마크다운 문법

목차

#마크다운 제목 (header)

<h1>부터 <h6> 까지 표현

제목 1

제목 2

제목 3

제목 4

제목 5
제목 6
1
2
3
4
5
6
7
8
9
10
11
# 제목 1

## 제목 2

### 제목 3

#### 제목 4

##### 제목 5

###### 제목 6

#강조

@이탤릭체

별표사용하기 언더바사용하기

1
_별표사용하기_ _언더바사용하기_

@두껍게 (bold)

별표사용하기 언더바사용하기

1
**별표사용하기** **언더바사용하기**

@취소선

물결표시

1
~~물결표시~~

@밑줄

밑줄은 u태그

1
<u>밑줄은 u태그</u>

#인용문

인용문을 작성하세요!

중첩된 인용문

중중첩된 인용문

1
2
3
4
5
> 인용문을 작성하세요!
>
> > 중첩된 인용문
> >
> > > 중중첩된 인용문

#목록 (List)

@순서가 필요한 목록

  1. 순서가 필요한 목록
  2. 순서가 필요한 목록
  3. 순서가 필요한 목록
1
2
3
1. 순서가 필요한 목록
2. 순서가 필요한 목록
3. 순서가 필요한 목록

@순서가 필요하지 않은 목록

  • 대쉬

  • 별표

  • 더하기

1
2
3
4
5
- 대쉬

* 별표

- 더하기

@목록 안에 목록 사용하기

Tab키를 이용해 안으로 들여쓰기를 하면 목록 안에 목록을 사용할 수 있음

  1. 순서가 필요한 목록
  2. 순서가 필요한 목록
    • 순서가 필요하지 않은 목록
    • 순서가 필요하지 않은 목록
  3. 순서가 필요한 목록
1
2
3
4
5
1. 순서가 필요한 목록
2. 순서가 필요한 목록
   - 순서가 필요하지 않은 목록
   - 순서가 필요하지 않은 목록
3. 순서가 필요한 목록

#링크

  • [보여지는 내용](링크 주소)
  • [보여지는 내용](링크 주소 '마우스를 올리면 보여지는 내용')

네이버

네이버 마우스를 올려보세요

1
2
3
[네이버](https://naver.com)

[네이버 마우스를 올려보세요](https://naver.com "네이버로 이동합니다!")

문서 안에서 참조 링크를 그대로 사용할 수도 있음

1
2
3
4
5
[상대적 참조](../users/login)
[Dribbble][Dribbble link]

[Dribbble link]: https://dribbble.com
[참조 링크]: https://naver.com "네이버로 이동합니다!"

@Markdown 문서 내에서 이동

[보여지는 내용](#이동할위치)

1
2
3
- [보여지는 내용](#이동할위치)
- [보여지는 내용](#이동할-위치)
  - 띄어쓰기는 하이픈(-)으로 작성

#이미지

  • ![대체 텍스트](이미지 주소, '링크 설명')

hyemin avartar image

1
![hyemin avartar image](https://avatars.githubusercontent.com/u/66300732?v=4, "혜민의 아바타 이미지")

@이미지에 링크 걸기

  • 이미지 코드를 링크 코드로 묶기
  • [이미지 코드](링크 주소)

hyemin avartar image

1
[![hyemin avartar image](https://avatars.githubusercontent.com/u/66300732?v=4)](https://github.com/hyemin12 "Github으로 이동!")

#코드블럭

@인라인 코드

  • backtick (`) 을 한개만 사용해서 인라인 코드 작성하기

<a href="https://www.google.co.kr/" target="_blank">GOOGLE</a>

1
`<a href="https://www.google.co.kr/" target="_blank">GOOGLE</a>`

@여러 줄 코드

  • backtick (`) 을 3개 작성하고, 코드의 종류 작성하기
언어종류언어종류
BashBashJSonjson
C#csJavajava
c++cppjavascriptjs
csscssphpphp
diffdiffpythonpython
html/xmlhtmlrubyruby
IniiniSQLsql
markdownmd  
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
```html
<h1>html코드</h1>
```

```css
* {
  padding: 0;
  margin: 0;
}
```

```js
function func() {
  // 코드작성
}
```
1
<h1>html코드</h1>
1
2
3
4
* {
  padding: 0;
  margin: 0;
}
1
2
3
function func() {
  // 코드작성
}

#표 (Table)

구분내용
왼쪽 정렬
:–:가운데 정렬
–:오른쪽 정렬
1
2
3
4
5
| 구분 |    내용     |
| :--: | :---------: |
|  --  |  왼쪽 정렬  |
| :--: | 가운데 정렬 |
| --:  | 오른쪽 정렬 |

#수평선

1
2
3
4
5
--- (하이픈)

\*\*\* (별)

--- (언더바)

참고 사이트

This post is licensed under CC BY 4.0 by the author.