제목 <h>
| kramdown | HTML | 브라우저 |
|---|
1
2
3
4
5
6
| # H1 제목
## H2 제목
### H3 제목
#### H4 제목
##### H5 제목
###### H6 제목
|
|
1
2
3
4
5
6
| <h1>H1 제목</h1>
<h2>H2 제목</h2>
<h3>H3 제목</h3>
<h4>H4 제목</h4>
<h5>H5 제목</h5>
<h6>H6 제목</h6>
|
|
H1 제목
H2 제목
H3 제목
H4 제목
H5 제목
H6 제목
|
1
2
3
4
5
| H1 제목
==========
H2 제목
----------
|
|
1
2
| <h1>H1 제목</h1>
<h2>H2 제목</h2>
|
|
H1 제목
H2 제목
|
문단, 개행 <p>, <br/>
| kramdown | HTML | 브라우저 |
|---|
1
2
| 1번 문장, first line.
2번 문장, second line.
|
|
1
2
| <p>1번 문장, first line.<br>
2번 문장, second line.</p>
|
|
1번 문장, first line.
2번 문장, second line.
|
1
2
3
| 1번 문장, first line.
2번 문장, second line.
|
|
1
2
| <p>1번 문장, first line.</p>
<p>2번 문장, second line.</p>
|
|
1번 문장, first line.
2번 문장, second line.
|
1
2
| 1번 문장, first line.
2번 문장, second line.
|
|
1
2
| <p>1번 문장, first line.<br>
2번 문장, second line.</p>
|
|
1번 문장, first line.
2번 문장, second line.
|
글자 꾸밈 <em>, <strong>
| kramdown | HTML | 브라우저 |
|---|
|
|
|
일반
|
|
|
|
기울임
|
|
|
|
굵게
|
리스트
ordered <ol>
| kramdown | HTML | 브라우저 |
|---|
1
2
3
| 1. 첫 번째 항목
2. 두 번째 항목
9. 순서 무관
|
|
1
2
3
4
5
| <ol>
<li>첫 번째 항목</li>
<li>두 번째 항목</li>
<li>순서 무관</li>
</ol>
|
|
- 첫 번째 항목
- 두 번째 항목
- 순서 무관
|
unordered <ul>
| kramdown | HTML | 브라우저 |
|---|
1
2
3
| * 첫 번째 항목
+ 두 번째 항목
- 기호 무관
|
|
1
2
3
4
5
| <ul>
<li>첫 번째 항목</li>
<li>두 번째 항목</li>
<li>기호 무관</li>
</ul>
|
|
|
definition <dl>
| kramdown | HTML | 브라우저 |
|---|
1
2
3
4
5
6
7
| 첫 번째 용어
: 정의 1
: 정의 2
두 번째 용어
세 번째 용어
: 정의 1
|
|
1
2
3
4
5
6
7
8
| <dl>
<dt>첫 번째 용어</dt>
<dd>정의 1</dd>
<dd>정의 2</dd>
<dt>두 번째 용어</dt>
<dt>세 번째 용어</dt>
<dd>정의 1</dd>
</dl>
|
|
- 첫 번째 용어
- 정의 1
- 정의 2
- 두 번째 용어
- 세 번째 용어
- 정의 1
|
코드
블록 코드 <pre><code>
들여쓰기 방식
| kramdown | HTML | 브라우저 |
|---|
1
2
3
4
5
6
7
| 앞쪽 일반 문장
코드 첫 줄. # 4공백 또는 탭
이어짐.
그리고 두 번째 줄.
뒤쪽 일반 문장
|
|
1
2
3
4
5
6
7
| 앞쪽 일반 문장
<pre>
<code>코드 첫 줄. 이어짐.
그리고 두 번째 줄.
</code>
</pre>
뒤쪽 일반 문장
|
|
앞쪽 일반 문장
1
2
| 코드 첫 줄. 이어짐.
그리고 두 번째 줄.
|
뒤쪽 일반 문장
|
기호 방식
| kramdown | HTML | 브라우저 |
|---|
1
2
3
| ```
기호 ` 3개 이상으로 코드블록 생성
```
|
|
1
2
3
4
| <pre>
<code>코드
</code>
</pre>
|
|
|
인라인 코드 <code>
| kramdown | HTML | 브라우저 |
|---|
1
2
| 기호 ` 1개 또는 2개로
`문장 내부의 코드` 작성
|
|
1
2
| 기호 ` 1개 또는 2개로
<code>문장 내부의 코드</code> 작성
|
|
기호 ` 1개 또는 2개로 문장 내부의 코드 작성
|
추가
` 대신 ~ 사용 가능
코드 블록을 닫을 때 ` 의 개수는 열 때보다 많을 수 있다.
인용 <blockquote>
| kramdown | HTML | 브라우저 |
|---|
1
2
| > 인용구 내 첫 번째 문장.
> 이어지는 다음 문장.
|
|
1
2
3
4
| <blockquote>
<p>인용구 내 첫 번째 문장.
이어지는 다음 문장.</p>
</blockquote>
|
|
인용구 내 첫 번째 문장.
이어지는 다음 문장.
|
| kramdown | HTML | 브라우저 |
|---|
1
2
3
4
5
| 본문 문장.[^1]
본문 문장.[^a]
[^1]: 미주1
[^a]: 미주2
|
|
|
본문 문장.
본문 문장.
|
수평선 <hr/>
| kramdown | HTML | 브라우저 |
|---|
1
2
3
4
5
6
7
| ***
---
___
* * *
- - -
_ _ _
------------
|
|
|
|
표 <table>
| kramdown | HTML | 브라우저 |
|---|
1
2
3
4
5
6
| | h1 | h2 |
|----|----|
| b1 | b2 |
| b3 | b4 |
|====|====|
| f1 | f2 |
|
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
| <table>
<thead>
<tr>
<th>h1</th>
<th>h2</th>
</tr>
</thead>
<tbody>
<tr>
<td>b1</td>
<td>b2</td>
</tr>
<tr>
<td>b3</td>
<td>b4</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>f1</td>
<td>f2</td>
</tr>
</tfoot>
</table>
|
|
|
