목차
<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
|
#강조
@이탤릭체
별표사용하기 언더바사용하기
@두껍게 (bold)
별표사용하기 언더바사용하기
@취소선
물결표시
@밑줄
밑줄은 u태그
#인용문
인용문을 작성하세요!
중첩된 인용문
중중첩된 인용문
1
2
3
4
5
| > 인용문을 작성하세요!
>
> > 중첩된 인용문
> >
> > > 중중첩된 인용문
|
#목록 (List)
@순서가 필요한 목록
- 순서가 필요한 목록
- 순서가 필요한 목록
- 순서가 필요한 목록
1
2
3
| 1. 순서가 필요한 목록
2. 순서가 필요한 목록
3. 순서가 필요한 목록
|
@순서가 필요하지 않은 목록
1
2
3
4
5
| - 대쉬
* 별표
- 더하기
|
@목록 안에 목록 사용하기
Tab키를 이용해 안으로 들여쓰기를 하면 목록 안에 목록을 사용할 수 있음
- 순서가 필요한 목록
- 순서가 필요한 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요한 목록
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
| - [보여지는 내용](#이동할위치)
- [보여지는 내용](#이동할-위치)
- 띄어쓰기는 하이픈(-)으로 작성
|
#이미지
![대체 텍스트](이미지 주소, '링크 설명')
1
| ![hyemin avartar image](https://avatars.githubusercontent.com/u/66300732?v=4, "혜민의 아바타 이미지")
|
@이미지에 링크 걸기
- 이미지 코드를 링크 코드로 묶기
[이미지 코드](링크 주소)
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개 작성하고, 코드의 종류 작성하기
언어 | 종류 | 언어 | 종류 |
---|
Bash | Bash | JSon | json |
C# | cs | Java | java |
c++ | cpp | javascript | js |
css | css | php | php |
diff | diff | python | python |
html/xml | html | ruby | ruby |
Ini | ini | SQL | sql |
markdown | md | | |
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
2
3
4
| * {
padding: 0;
margin: 0;
}
|
1
2
3
| function func() {
// 코드작성
}
|
#표 (Table)
구분 | 내용 |
---|
– | 왼쪽 정렬 |
:–: | 가운데 정렬 |
–: | 오른쪽 정렬 |
1
2
3
4
5
| | 구분 | 내용 |
| :--: | :---------: |
| -- | 왼쪽 정렬 |
| :--: | 가운데 정렬 |
| --: | 오른쪽 정렬 |
|
#수평선
1
2
3
4
5
| --- (하이픈)
\*\*\* (별)
--- (언더바)
|
참고 사이트