MarkDown 사용법 (syntax)
1. Header
(h1) 부터 (h6) 까지 Header를 표현 할 수 있습니다.
# header 1
## header 2
### header 3
#### header 4
##### header 5
###### header 6
####### header 7
header 1
header 2
header 3
header 4
header 5
header 6
####### header 7
header 7, # 7개는 인식되지 않습니다.
header 1과 header 2는 아래와 같이 표현 할 수 도 있습니다.
header 1
=====
header 2
-----
header 1
header 2
2. Emphasis
글의 강조를 입력하고 싶을 때 아래와 같은 문자를 사용해줍니다.
글씨를 bold하게 표현해주고 싶다면 -> **BOLD(별표 2개)** or __BOLD(언더 바 2개)__
글씨를 italic font로 표현해주고 싶다면 -> *italic(별표 1개)* or _italic(언더 바 1개)_
italic font와 Bold를 동시에 표현해주고 싶다면 -> **_ italic font_ 와 Bold**
취소 선을 긋고 싶을 때 -> ~~물결표시(2개)~~
밑줄을 긋고 싶을 때 -> <u>밑줄</u> `<u></u>`
글의 강조를 입력하고 싶을 때 아래와 같은 문자를 사용해줍니다.
글씨를 bold하게 표현해주고 싶다면 -> BOLD(별표 2개) or BOLD(언더 바 2개)
글씨를 italic font로 표현해주고 싶다면 -> italic(별표 1개) or italic(언더 바 1개)
italic font와 Bold를 동시에 표현해주고 싶다면 -> _ italic font_ 와 Bold
취소 선을 긋고 싶을 때 -> 물결표시(2개)
밑줄을 긋고 싶을 때 -> 밑줄 <u></u>
3. BlockQuote
>
command를 사용하여 표시한다.
> BlockQuote
>
> The blockquote element is used to indicate the quotation of a large section of text from another source.
> first BlockQuote
>> second BlockQuote
>>> third BlockQuote
BlockQuote
The blockquote element is used to indicate the quotation of a large section of text from another source.
first BlockQuote
second BlockQuote
third BlockQuote
4. List
1. 순서가 필요한 목록
1. 순서가 필요한 목록
- 순서가 필요하지 않은 목록(서브)
- 순서가 필요하지 않은 목록(서브)
1. 순서가 필요한 목록
1. 순서가 필요한 목록(서브)
1. 순서가 필요한 목록(서브)
1. 순서가 필요한 목록
- 순서가 필요하지 않은 목록에 사용 가능한 기호
- 대쉬(hyphen)
* 별표(asterisks)
+ 더하기(plus sign)
- 순서가 필요한 목록
- 순서가 필요한 목록
- 순서가 필요하지 않은 목록(서브)
- 순서가 필요하지 않은 목록(서브)
- 순서가 필요한 목록
- 순서가 필요한 목록(서브)
- 순서가 필요한 목록(서브)
- 순서가 필요한 목록
- 순서가 필요하지 않은 목록에 사용 가능한 기호
- 대쉬(hyphen)
- 별표(asterisks)
- 더하기(plus sign)
- 순서가 필요하지 않은 목록에 사용 가능한 기호
5. Link
[GitHub](https://github.com)
[NAVER](https://naver.com "링크 설명(title) 작성")
[Dongyeon_github][Dongyeon github link]
[Google][1]
문서 안에서 [참조 링크]를 그대로 사용할 수도 있습니다.
다음과 같이 문서 내 일반 URL이나 꺾쇠 괄호(`< >`, Angle Brackets)안의 URL은 자동으로 링크를 사용합니다.
구글 홈페이지: https://google.com
네이버 홈페이지: <https://naver.com>
[Dongyeon github link]: https://github.com/dongyeon99
[1]: https://google.com
[참조 링크]: https://naver.com "네이버로 이동!"
문서 안에서 참조 링크를 그대로 사용할 수도 있습니다.
다음과 같이 문서 내 일반 URL이나 꺾쇠 괄호(< >
, Angle Brackets)안의 URL은 자동으로 링크를 사용합니다.
구글 홈페이지: https://google.com
네이버 홈페이지: https://naver.com
6. Image upload
을 작성")
![Europe][logo]
[logo]: https://github.com/dongyeon99/dongyeon99.github.io/blob/master/assets/img/In_Euro.jpg "In Europe."
사이즈 조절을 하기 위해선 <img width="" height=""></img>
을 사용합니다.
<img src="/assets/img/In_Euro.jpg" width="450px" height="300px" title="px(픽셀) 크기 설정" alt="Europe View"></img>
<br/>
<img src="/assets/img/In_Euro.jpg" width="40%" height="30%" title="px(픽셀) 크기 설정" alt="Europe View"></img>
</img>
</img>
7. Table
Header cell을 구분할 때 3개 이상의 -
(hyphen/dash) 기호가 필요합니다.
Header cell을 구분하면서 :
(Colons) 기호로 셀(열/칸) 안에 내용을 정렬할 수 있습니다.
가장 좌측과 가장 우측에 있는 |
(vertical bar) 기호는 생략 가능합니다.
| Value | Mean | Default Value |
|---|:---:|---:|
| `static` | 유형(기준) 없음 / 배치 불가능 | `static` |
| `relative` | 요소 자신을 기준으로 배치 | |
| `absolute` | 위치 상 부모(조상)요소를 기준으로 배치 | |
| `fixed` | 브라우저 창을 기준으로 배치 | |
Value | Mean | Default Value
---|:---:|---:
`static` | 유형(기준) 없음 / 배치 불가능 | `static`
`relative` | 요소 **자신**을 기준으로 배치 |
`absolute` | 위치 상 **_부모_(조상)요소**를 기준으로 배치 |
`fixed` | **브라우저 창**을 기준으로 배치 |
Value | Mean | Default Value |
---|---|---|
static |
유형(기준) 없음 / 배치 불가능 | static |
relative |
요소 자신을 기준으로 배치 | |
absolute |
위치 상 부모(조상)요소를 기준으로 배치 | |
fixed |
브라우저 창을 기준으로 배치 |
Value | Mean | Default Value |
---|---|---|
static |
유형(기준) 없음 / 배치 불가능 | static |
relative |
요소 자신을 기준으로 배치 | |
absolute |
위치 상 부모(조상)요소를 기준으로 배치 | |
fixed |
브라우저 창을 기준으로 배치 |