4th - Markdown 문법 알아보기

2.1. 텍스트 줄바꿈

기본적인 텍스트 표기 방식이다.
마크다운은 줄바꿈을 인식하지 않는다.

줄바꿈을 하기 위해서는 라인 끝에 스페이스를 2번  
표기해야 한다.

여러가지 강조 표시가 존재한다. 첫번째로 *single asterisks*,
두번째로 _single underscores_, 세번째로 **double asterisks**,
네번째로 __double underscores__, 다섯번째로 ~~cancelline~~가 있다.  

기본적인 텍스트 표기 방식이다. 마크다운은 줄바꿈을 인식하지 않는다.

줄바꿈을 하기 위해서는 라인 끝에 스페이스를 2번
표기해야 한다.

여러가지 강조 표시가 존재한다. 첫번째로 single asterisks, 두번째로 single underscores, 세번째로 double asterisks, 네번째로 double underscores, 다섯번째로 ~~cancelline~~가 있다.

2.2 글머리 달기

# This is a H1

## This is a H2

### This is a H3

#### This is a H4

##### This is a H5

###### This is a H6

This is a H1

This is a H2

This is a H3

This is a H4

This is a H5

This is a H6

2.3. 인용

> This is a blockqute.  
  
> This is a first blockqute.
>> This is a second blockqute.
>>> This is a third blockqute.

This is a blockqute.

This is a first blockqute.

This is a second blockqute.

This is a third blockqute.

2.4. 정렬 목록

봄
여름
가을
겨울  

봄
여름
가을
겨울

2.4. 비정렬 목록

* 과자  
  * 라면  
    * 사탕  


+ 과자
  + 라면
    + 사탕  


- 과자  
  - 라면  
    - 사탕  

과자
- 라면
  - 사탕
과자
- 라면
  - 사탕
과자
- 라면
  - 사탕

2.5 코드 인용

```
function test() {
  console.log("notice the blank line before this function?");
}
``` 

function test() {
  console.log("notice the blank line before this function?");
}

```ruby
require 'redcarpet'  
markdown = Redcarpet.new("Hello World!")  
puts markdown.to_html
```  

require 'redcarpet'  
markdown = Redcarpet.new("Hello World!")  
puts markdown.to_html

```c
int main() {
    int y = SOME_MACRO_REFERENCE;
    int x = 5 + 6;
    cout << "Hello World! " << x << std::endl();  
}
```  

int main() {
    int y = SOME_MACRO_REFERENCE;
    int x = 5 + 6;
    cout << "Hello World! " << x << std::endl();  
}

```cpp  
int main() {
  int y = SOME_MACRO_REFERENCE;
  int x = 5 + 6;
  cout << "Hello World! " << x << std::endl();
}
```  

int main() {
  int y = SOME_MACRO_REFERENCE;
  int x = 5 + 6;
  cout << "Hello World! " << x << std::endl();
}

```python
s = "Python syntax highlighting"
print s
```

s = "Python syntax highlighting"
print s

2.7. 수평선

* * *  
***  
*****  
- - -  
---------------------------------------   

2.8. 링크

- 링크 표시법 : [Title](link)  
[Google 페이지 링크](https://google.com)  
  

<https://google.com>  

링크 표시법 : Title
Google 페이지 링크

Watch out! This paragraph of text has been emphasized with the {: .notice} class.

Watch out! This paragraph of text has been emphasized with the {: .notice–primary} class.

Watch out! This paragraph of text has been emphasized with the {: .notice–info} class.

Watch out! This paragraph of text has been emphasized with the {: .notice–warning} class.

Watch out! This paragraph of text has been emphasized with the {: .notice–success} class.

Watch out! This paragraph of text has been emphasized with the {: .notice–danger} class.

2.9. 이미지 삽입

![](https://devinlife.com/assets/images/bio-photo-keyboard-small.jpg)

2.9.1 키보드 사진

![](https://devinlife.com/assets/images/bio-photo-keyboard-small.jpg){: .align-center}  
  
 ![키보드 사진](https://devinlife.com/assets/images/bio-photo-keyboard-small.jpg "내 키보드 사진"){: .align-center}   

키보드 사진

2.9.2 Arbo 사진

![](https://bisultree.com/assets/images/uhm-Arbo-one.jpg   )  
  
![](https://bisultree.com/assets/images/uhm-Arbo-two.jpg   )  

![arbo2 bisul 사진](https://bisultree.com/assets/images/uhm-Arbo-one.jpg   )  

![arbo2 github 사진](https://uhmky7.github.io/assets/images/uhm-Arbo-two.jpg   ){: .full}  

![](https://bisultree.com/assets/images/shoes.jpg   ){: .align-left}  

arbo2 bisul 사진

arbo2 github 사진

2.9.3 Arbo3 사진

![](https://bisultree.com/assets/images/uhmArbo3.jpg   )  

![](https://bisultree.com/assets/images/uhmArbo3.jpg   ){: .align-center}

2.10. 표 만들기

- 표 내용 중앙 정렬  


| 항목 | 가격 | 개수 |
|:---:|:----:|:----|
| 라면 | 800원 | 10개 |
| 과자 | 900원 | 20개 |  

표 내용 중앙 정렬

항목	가격	개수
라면	800원	10개
과자	900원	20개

- 표 내용 좌측 정렬 - 중앙 정렬 - 우측 정렬  


| 항목 | 가격 | 개수 |
|:----|:----:|----:|
| 라면 | 800원 | 10개 |
| 과자 | 900원 | 20개 |  

표 내용 좌측 정렬 - 중앙 정렬 - 우측 정렬

항목	가격	개수
라면	800원	10개
과자	900원	20개

Twitter Facebook LinkedIn

비술나무병원