Markdown 연습

1. h1 ~ h6


# 이것은 h1
## 이것은 h2
### 이것은 h3
#### 이것은 h4
##### 이것은 h5
###### 이것은 h6 

❈ 결과

이것은 h1

이것은 h2

이것은 h3

이것은 h4

이것은 h5
이것은 h6

2. 블럭인용문

> 이것은 어떻게 표현 될까요?
> ## 블럭인용문 입니다.

❈ 결과

이것은 어떻게 표현 될까요?

블럭인용문 입니다.

3. List

순서 없는 리스트

 * 리스트 1
 * 리스트 2
 * 리스트 3
 
 + 리스트 4
 + 리스트 5
 + 리스트 6
 
 - 리스트 7
 - 리스트 8
 - 리스트 9 

❈ 결과

  • 리스트 1
  • 리스트 2
  • 리스트 3

  • 리스트 4
  • 리스트 5
  • 리스트 6

  • 리스트 7
  • 리스트 8
  • 리스트 9

순서 있는 리스트

1. 리스트 1
2. 리스트 2
3. 리스트 3


1. 리스트 4
1. 리스트 5
1. 리스트 6


8. 리스트 7
3. 리스트 8
5. 리스트 9

❈ 결과

  1. 리스트 1
  2. 리스트 2
  3. 리스트 3

  4. 리스트 4
  5. 리스트 5
  6. 리스트 6

  7. 리스트 7
  8. 리스트 8
  9. 리스트 9

계층이 있는 리스트

탭 또는 띄어쓰기 2번

- 리스트 1
    - 리스트 2
        - 리스트 3


1. 리스트 1
    2. 리스트 2
        3. 리스트 3

❈ 결과

  • 리스트 1
    • 리스트 2
      • 리스트 3
  1. 리스트 1
    1. 리스트 2
      1. 리스트

4. 코드 블럭

암시적인 코드블럭

4개의 공백 또는 하나의 탭으로 들여쓰기를 만나면 변환되기 시작하여 들여쓰지 않은 행을 만날때까지 변환이 계속 됨.

❈ 결과

여기는 일반 단락

여기는 코드블럭
    여기는 코드블럭

여기는 일반 단락

명시적인 코드 블럭

백스틱문자(`) 를 3개 입력, 언어명에 따라 적절하게 하이라이팅 해주는 프로그램들이 있다.

``` 언어명(javascript, python…)

코드 입력

```

❈ 결과

Javascript

    card11.addEventListener('mouseenter', enterCard11, false);
    card11.addEventListener('mouseleave', leaveCard11, false);

Python

    def test:
        print('test')

인라인 코드 블럭


나는 `개발자` 입니다.

❈ 결과

나는 개발자 입니다.

5. 수평선(hr)

* * *

***

*****

- - -

---------------------------------------

❈ 결과






6. 링크

여기는 [구글링크](http://google.com) 입니다.
이것은 로컬 리소스 [카테고리](/categories/) 입니다.

참조 스타일 링크

[url]:http://www.naver.com
[naver][url]

❈ 결과

여기는 구글링크 입니다. 이것은 로컬 리소스 카테고리 입니다.

참조 스타일 링크

naver

I get 10 times more traffic from [Google] [1] than from
[Yahoo] [2] or [MSN] [3].

  [1]: http://google.com/        "Google"
  [2]: http://search.yahoo.com/  "Yahoo Search"
  [3]: http://search.msn.com/    "MSN Search"

❈ 결과

I get 10 times more traffic from Google than from Yahoo or MSN.

자동 링크

 <http://example.com/>
 
 <mailto:[email protected]>

❈ 결과

http://example.com/

[email protected]

7. 강조

*강조*
**강조**

_강조_
__강조__

~~취소~~

❈ 결과

강조 강조

강조 강조

취소

8. 이미지

8-1. 기본 이미지

![프로필](/assets/images/profile.png)

❈ 결과

프로필

8-2. 이미지 크기 조정

![프로필](/assets/images/profile.png){: width="500" height="500"}
![프로필](/assets/images/profile.png){: width="10%" height="10%"}

* 결과

프로필 프로필

9. html

html요소와 혼재하여 사용가능

블럭요소 html은 아래와 같이 분리되게 작성해야함

html안에 markdown형식으로는 작성 불가능

이것은 일반적인 단락입니다.

블럭 영역을 가지는 태그

<table>
    <tr>
        <td> Foo </td>
    </tr>
</table>

이것은 또 다른 일반적인 단락입니다.

마크 다운 옆 인라인영역을 가지는 태그

# abc <code> 333 </code>

이것은 일반적인 단락입니다.

블럭 영역을 가지는 태그

Foo

이것은 또 다른 일반적인 단락입니다.

마크 다운 옆 인라인영역을 가지는 태그를 가질 수 있습니다.

10. Table 문법

|   |   |   |   |   |
|---|---|---|---|---|
|   |   |   |   |   |
|   |   |   |   |   |
|   |   |   |   |   |
  • 결과
a b c d e
1 2 3 4 5