Mark Down
Mark Down
1. 제목(Header)
# 제목 <h1>
## 제목
.
.
###### 제목 <h6>
or
제목 1
===
제목 2
---
2. 강조(Emphasis)
1. 이텔릭체 : *강조* or _강조_
2. 볼드체 : **강조** or __강조__
3. 이텔릭 + 볼드체 : **_강조_ 합시다**
4. 취소선 : ~~강조~~
5. 밑줄 : <u>강조</u>
- 이텔릭체 : 강조 or 강조
- 볼드체 : 강조 or 강조
- 이텔릭 + 볼드체 : 강조 합시다
- 취소선 :
강조 - 밑줄 : 강조
3. 목록(List)
1. 순서가 필요한 목록
1. 순서가 필요한 목록
- 순서가 필요하지 않은 목록(서브)
- 순서가 필요하지 않은 목록(서브)
1. 순서가 필요한 목록
1. 순서가 필요한 목록(서브)
1. 순서가 필요한 목록(서브)
1. 순서가 필요한 목록
- 순서가 필요하지 않은 목록에 사용 가능한 기호
- 대쉬(hyphen)
* 별표(asterisks)
+ 더하기(plus sign)
- 순서가 필요한 목록
- 순서가 필요한 목록
- 순서가 필요하지 않은 목록(서브)
- 순서가 필요하지 않은 목록(서브)
- 순서가 필요한 목록
- 순서가 필요한 목록(서브)
- 순서가 필요한 목록(서브)
- 순서가 필요한 목록
- 순서가 필요하지 않은 목록에 사용 가능한 기호
- 대쉬(hyphen)
- 별표(asterisks)
- 더하기(plus sign)
4. 링크(Links)
[GOOGLE](https://google.com)
[NAVER](https://naver.com "링크 설명(title)을 작성하세요.")
[상대적 참조](../users/login)
[Dribbble][Dribbble link]
[GitHub][1]
문서 안에서 [참조 링크]를 그대로 사용할 수도 있습니다.
다음과 같이 문서 내 일반 URL이나 꺾쇠 괄호(`< >`, Angle Brackets)안의 URL은 자동으로 링크를 사용합니다.
구글 홈페이지: https://google.com
네이버 홈페이지: <https://naver.com>
[Dribbble link]: https://dribbble.com
[1]: https://github.com
[참조 링크]: https://naver.com "네이버로 이동합니다!"
문서 안에서 참조 링크를 그대로 사용할 수도 있습니다.
다음과 같이 문서 내 일반 URL이나 꺾쇠 괄호(< >, Angle Brackets)안의 URL은 자동으로 링크를 사용합니다.
구글 홈페이지: https://google.com
네이버 홈페이지: https://naver.com
5. 이미지
- 링크를 입력하는 방법에서 앞에
!만 붙여주면 된다.
![Kayak][logo]
[logo]: http://www.gstatic.com/webp/gallery/2.jpg "To go kayaking."
cf) 이미지 + 링크
[](https://kr.vuejs.org/)
6. 코드 강조
6-1) 인라인(inline) 강조
`background`혹은 `background-image` 속성으로 요소에 배경 이미지를 삽입할 수 있습니다.
background혹은 background-image 속성으로 요소에 배경 이미지를 삽입할 수 있습니다.
6-2) 블록(block) 코드 강조
```html
<a href="https://www.google.co.kr/" target="_blank">GOOGLE</a>
```
```css
.list > li {
position: absolute;
top: 40px;
}
```
```javascript
function func() {
var a = 'AAA';
return a;
}
```
```bash
$ vim ./~zshrc
```
```python
s = "Python syntax highlighting"
print s
```
```
No language indicated, so no syntax highlighting.
But let's throw in a tag.
```
< 결과 >
<a href="https://www.google.co.kr/" target="_blank">GOOGLE</a>
.list > li {
position: absolute;
top: 40px;
}
function func() {
var a = 'AAA';
return a;
}
$ vim ./~zshrc
s = "Python syntax highlighting"
print s
No language indicated, so no syntax highlighting.
But let's throw in a tag.
7. 표(Table)
| (vertical bar ->shift + \ )기호를 이용해 각 열을 구분하고 양쪽 끝에 들어가는 |는 생략 가능.
헤더 셀을 구분할 때, —(hyphen x 3) 필요.
이때, :기호를 이용해 셀 안의 내용 정렬 가능 ( 열 전체에 적용됨. )
| 값 | 의미 | 기본값 |
|---|:---:|---:|
| `static` | 유형(기준) 없음 / 배치 불가능 | `static` |
| `relative` | 요소 자신을 기준으로 배치 | |
| `absolute` | 위치 상 부모(조상)요소를 기준으로 배치 | |
| `fixed` | 브라우저 창을 기준으로 배치 | |
값 | 의미 | 기본값
---|:---:|---:
`static` | 유형(기준) 없음 / 배치 불가능 | `static`
`relative` | 요소 **자신**을 기준으로 배치 |
`absolute` | 위치 상 **_부모_(조상)요소**를 기준으로 배치 |
`fixed` | **브라우저 창**을 기준으로 배치 |
| 값 | 의미 | 기본값 |
|---|---|---|
static |
유형(기준) 없음 / 배치 불가능 | static |
relative |
요소 자신을 기준으로 배치 | |
absolute |
위치 상 부모(조상)요소를 기준으로 배치 | |
fixed |
브라우저 창을 기준으로 배치 |
| 값 | 의미 | 기본값 |
|---|---|---|
static |
유형(기준) 없음 / 배치 불가능 | static |
relative |
요소 자신을 기준으로 배치 | |
absolute |
위치 상 부모(조상)요소를 기준으로 배치 | |
fixed |
브라우저 창을 기준으로 배치 |
8. 인용문 (Block Quote)
인용문(blockQuote)
> 남의 말이나 글에서 직접 또는 간접으로 따온 문장.
> _(네이버 국어 사전)_
BREAK!
> 인용문을 작성하세요!
>> 중첩된 인용문(nested blockquote)을 만들 수 있습니다.
>>> 중중첩된 인용문 1
>>> 중중첩된 인용문 2
>>> 중중첩된 인용문 3
인용문(blockQuote)
남의 말이나 글에서 직접 또는 간접으로 따온 문장. (네이버 국어 사전)
BREAK!
인용문을 작성하세요!
중첩된 인용문(nested blockquote)을 만들 수 있습니다.
중중첩된 인용문 1 중중첩된 인용문 2 중중첩된 인용문 3
8. 수식 입력
Reference
https://heropy.blog/2017/09/30/markdown/ https://velog.io/@miyachan/%EC%88%98%ED%95%99-%EA%B3%B5%EC%8B%9D-Markdown%EC%9C%BC%EB%A1%9C-%ED%8E%B8%EC%A7%91%ED%95%98%EA%B8%B0 https://secure.math.ubc.ca/~pwalls/math-python/jupyter/latex/
Comments