문법(Syntex)

제목(Header)

제목은 1~6 크기로 제목을 표현할 수 있다.
<h1> ~ <h6>으로도 변환이 가능하다.

# 제목 1
## 제목 2
### 제목 3
#### 제목 4
##### 제목 5
###### 제목 6

제목 1

제목 2

제목 3

제목 4

제목 5
제목 6

강조(Emphasis)

각각 이텔릭체, 두껍게, 밑줄은 <em>, <strong>, <del> 태그로 변환된다.

이텔릭체는 *(내용)* 또는 _(내용)_
두껍게는  **(내용)** 또는 __(내용)__
취소선은 ~~(내용)~~
밑줄은 <u>(내용)</u>를 사용하여 나타낼 수 있다.

이텔릭체는 (내용) 또는 (내용)
두껍게는 (내용) 또는 (내용)
취소선은 (내용)
밑줄은 (내용)를 사용하여 나타낼 수 있다.

목록

<ol>, <ul> 목록 태그로 변환된다.

1. 순서가 필요한 목록
1. 순서가 필요한 목록
    - 순서가 필요하지 않은 목록
    - 순서가 필요하지 않은 목록
1. 순서가 필요한 목록
    1. 순서가 필요한 목록
    1. 순서가 필요한 목록
- 순서가 필요하지 않은 목록에 사용 가능한 기호
    - 대쉬
    * 별표
    + 더하기
  1. 순서가 필요한 목록
  2. 순서가 필요한 목록
    • 순서가 필요하지 않은 목록
    • 순서가 필요하지 않은 목록
  3. 순서가 필요한 목록
    1. 순서가 필요한 목록
    2. 순서가 필요한 목록
  • 순서가 필요하지 않은 목록에 사용 가능한 기호
    • 대쉬
    • 별표
    • 더하기

<a>로 변환된다.

[GOOGLE](http://www.google.com)
[NAVER](http://www.google.com)
[Dribbble][Dribbble link]
[Github][1]
문서 안에서 [참조링크]를 그대로 사용할 수도 있다.
다음과 같이 문서 내 일반 URL이나 꺾쇠괄호 안의 URL은 자동으로 링크를 사용한다.
구글 홈페이지: http://google.com
네이버 홈페이지: <http://naver.com>

[Dribbblle link]: http://dribbble.com
[1]: http://github.com

GOOGLE
NAVER
Dribbble
Github
문서 안에서 [참조링크]를 그대로 사용할 수도 있다.
다음과 같이 문서 내 일반 URL이나 꺾쇠괄호 안의 URL은 자동으로 링크를 사용한다.
구글 홈페이지: http://google.com
네이버 홈페이지: http://naver.com

이미지(Images)

<img>로 변환된다.
링크와 비슷하지만 앞에 !가 붙는다.

![Bodybuilding](https://user-images.githubusercontent.com/77277946/104524897-6d820580-5642-11eb-8732-aaa94658c596.jpeg)

![dyno][link]

[link]: https://user-images.githubusercontent.com/77277946/104525051-b9cd4580-5642-11eb-99de-d8fd8252457a.jpeg

Bodybuilding

dyno

이미지에 링크

[![vue](https://user-images.githubusercontent.com/77277946/104649206-b5af2f80-56f7-11eb-8cc8-8743d093be86.png)](http://kr.vuejs.org/)

vue

인라인코드(Code) 강조

<pre>, <code>로 변환된다.
숫자 1번 키 왼쪽에 있는 `(Grave)로 감싼다.

안녕하세요. 여기는 `안현수 블로그` 입니다.

안녕하세요. 여기는 안현수 블로그 입니다.

블록(block)코드 강조

`를 3번 이상 입력하고 코드를 적는다.

표(Table)

<table> 태그로 변환된다.
헤더 셀을 구분할 때 3개이상 -기호가 있어야하고,
헤더셀을 구분하면서 : 기호로 셀안에 내용을 정렬할 수 있다.
가장 좌측과 가장 우축에 있는 | 기호는 생략가능하다.

| 값 | 의미 | 기본값 |
|---|:---:|---:|
| `static` | 유형(기준) 없음 / 배치 불가능 | `static` |
| `relative` | 요소 자신을 기준으로 배치 |  |
| `absolute` | 위치 상 부모(조상)요소를 기준으로 배치 |  |
| `fixed` | 브라우저 창을 기준으로 배치 |  |
의미 기본값
static 유형(기준) 없음 / 배치 불가능 static
relative 요소 자신을 기준으로 배치
absolute 위치 상 부모(조상)요소를 기준으로 배치
fixed 브라우저 창을 기준으로 배치

인용문(BlockQuote)

<blockquote> 태그로 변환된다.

인용문
> 남의말이나 글에서 직접 또는 간접적으로 따온 문장.
> _(네이버국어사전)_

BREAK!

> 인용문을 작성하세요!
>> 중첩된 인용문을 만들 수 있다.
>>> 중첩 인용문1
>>>> 중첩 인용문2
>>>> 중첩 인용문2'

인용문

남의말이나 글에서 직접 또는 간접적으로 따온 문장.
(네이버국어사전)

BREAK!

인용문을 작성하세요!

중첩된 인용문을 만들 수 있다.

중첩 인용문1

중첩 인용문2
중첩 인용문2’

수평선(Horizontal Rule)

각 기호를 3개 이상 입력한다.

---
안녕하세요
***
안녕하세요
___
안녕하세요

안녕하세요


안녕하세요


안녕하세요

줄바꿈(Line Breaks)

일반줄바꿈이 동작하지 않는 환경의 경우, 두번의 띄어쓰기나 <br>을 사용할 수 있다.