KEYWORDS
마크다운의 기초 사용방법, 마크다운 문법을 공부해 봅니다.
마크다운이란?
마크다운(Markdown)은 일반 텍스트 서식을 저장하는 쉬운 방법의 경량 마크업 언어 입니다.
텍스트 기반이며 마크다운만의 문법을 사용하여 제목, 링크, 강조, 표, 이미지삽입 등을 표현할 수 있습니다.
HTML로 쉽게 변환이 가능하며 주로 Github 등에서 README 파일, 온라인문서, 텍스트 편집 등에서 편리하게 사용됩니다.
마크다운 주요문법
1
2
3
4
5
6
| # 제목 중요도 1
## 제목 중요도 2
### 제목 중요도 3
#### 제목 중요도 4
##### 제목 중요도 5
###### 제목 중요도 6
|
제목 1
제목 2
제목 3
제목 4
제목 5
제목 6
일반 문장
1
2
| 동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세
|
동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세
줄바꿈(Line Breaks)
1
2
3
4
5
| 동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세 <!--띄어쓰기 2번-->
무궁화 삼천리 화려 강산<br/>
대한 사람 대한으로 길이 보전하세
|
동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세
무궁화 삼천리 화려 강산
대한 사람 대한으로 길이 보전하세
강조(Emphasis)
1
2
3
4
5
| _이텔릭_
**두껍게**
**_이텔릭 + 두껍게_**
~~취소선~~
<u>밑줄</u>
|
이텔릭
두껍게
이텔릭 + 두껍게
취소선
밑줄
목록(List)
1
2
3
4
5
6
7
8
9
10
11
12
| 1. 순서가 필요한 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록(서브)
1. 순서가 필요한 목록(서브)
1. 순서가 필요한 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록(서브)
- 순서가 필요하지 않은 목록(서브)
- 순서가 필요 없는 목록 (서서브)
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
|
- dkdkdk
- dkslfjlskfjlsdkf
- selfjsleifjlsiejf
- sdljflskdjflsdj
- sldkjflsakjdflak
- 순서가 필요한 목록
- 순서가 필요한 목록
- 순서가 필요한 목록(서브)
- 순서가 필요한 목록(서브)
- 순서가 필요한 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록(서브)
- 순서가 필요하지 않은 목록(서브)
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
링크(Links)
1
2
3
4
5
| [GOOGLE](https://google.com)
[NAVER](https://naver.com "NAVER로 이동!")
동해물과 [백두산](https://namu.wiki/w/%EB%B0%B1%EB%91%90%EC%82%B0)이 마르고 닳도록
|
GOOGLE
NAVER
동해물과 백두산이 마르고 닳도록
이미지(Images)
단순 이미지 삽입
1
| 
|
링크있는 이미지 삽입
1
| [](https://github.com/cito-pes/)
|
코드(Code) 강조
인라인(inline) 코드 강조
1
| `background`혹은 `background-image` 속성으로 요소에 배경 이미지를 삽입할 수 있습니다.
|
background혹은 background-image 속성으로 요소에 배경 이미지를 삽입할 수 있습니다.
블록(block) 코드 강조
1
2
3
| ```html
<a href="https://www.google.co.kr/" target="_blank">GOOGLE</a>
```
|
1
| <a href="https://www.google.co.kr/" target="_blank">GOOGLE</a>
|
1
2
3
4
5
6
| ```css
.list > li {
position: absolute;
top: 40px;
}
```
|
1
2
3
4
| .list > li {
position: absolute;
top: 40px;
}
|
1
2
3
4
5
6
| ```javascript
function func() {
var a = 'AAA';
return a;
}
```
|
1
2
3
4
| function func() {
var a = 'AAA';
return a;
}
|
1
2
3
| ```bash
$ git commit -m 'Study Markdown'
```
|
1
| $ git commit -m 'Study Markdown'
|
1
2
3
4
| ```plaintext
동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세
```
|
1
2
| 동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세
|
표(Table)
1
2
3
4
5
6
| 값 | 의미 | 기본값
---|:---:|---:
`static` | 유형(기준) 없음 / 배치 불가능 | `static`
`relative` | 요소 **자신**을 기준으로 배치 |
`absolute` | 위치 상 **_부모_(조상)요소**를 기준으로 배치 |
`fixed` | **브라우저 창**을 기준으로 배치 |
|
| 값 | 의미 | 기본값 |
|---|
static | 유형(기준) 없음 / 배치 불가능 | static |
relative | 요소 자신을 기준으로 배치 | |
absolute | 위치 상 부모(조상)요소를 기준으로 배치 | |
fixed | 브라우저 창을 기준으로 배치 | |
인용문(BlockQuote)
1
2
3
4
5
6
7
8
9
10
| 인용문(blockQuote)
> 남의 말이나 글에서 직접 또는 간접으로 따온 문장.
> (네이버 국어 사전)
> 인용문을 작성하세요!
>> 중첩된 인용문
>>> 중중첩된 인용문 1
>>> 중중첩된 인용문 2
>>> 중중첩된 인용문 3
|
인용문(blockQuote)
남의 말이나 글에서 직접 또는 간접으로 따온 문장. (네이버 국어 사전)
인용문을 작성하세요!
중첩된 인용문
중중첩된 인용문 1
중중첩된 인용문 2
중중첩된 인용문 3
원시 HTML(Raw HTML)
1
2
3
4
| <strong>동해물</strong>과 <u>백두산</u>이 마르고 닳도록<br/>
하느님이 보우하사 우리나라 만세
<img width="100" src="https://avatars.githubusercontent.com/u/126153180?v=4" alt="cito" />
|
동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세
수평선(Horizontal Rule)
