MarkDown

장점

• 문법이 쉽고 간결하다.
• 관리가 쉽다.
• 지원 가능한 플랫폼과 프로그램이 다양하다.

단점

• 표준이 없다.
• 모든 HTML 마크업을 대신하지 못한다.

# 제목(Header)

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

# 문장(Paragraph)

동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세

# 줄바꿈(Line Breaks)

동해물과 백두산이 마르고 닳도록<br/>
하느님이 보우하사 우리나라 만세<br/> 
무궁화 삼천리 화려 강산<br/>
대한 사람 대한으로 길이 보전하세<br/>  

# 강조(Emphasis)

_이텔릭_<br/>
**두껍게**<br/>
**_이텔릭_ + 두껍게**<br/>
~~취소선~~  
<u>밑줄</u>  

# 목록(List)

1. 순서가 필요한 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록
    1. 순서가 필요한 목록
    1. 순서가 필요한 목록
1. 순서가 필요한 목록

- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
    - 순서가 필요하지 않은 목록
    - 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록

# 링크(Links)

<a href="https://google.com">GOOGLE</a>

[GOOGLE](https://google.com)

<a href="https://naver.com" title="NAVER로 이동!">NAVER</a>

[NAVER](https://naver.com "NAVER로 이동!")

# 이미지(Images)

![HEROPY](https://heropy.blog/css/images/logo.png)

[![HEROPY](https://heropy.blog/css/images/logo.png)](https://heropy.blog/)

# 인용문(BlockQuote)

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

> 인용문을 작성하세요!
>> 중첩된 인용문
>>> 중중첩된 인용문1

# 인라인(inline) 코드 강조

CSS에서 `background` 혹은 `background-image` 속성으로 요소에 배경이미지를 삽입할 수 있습니다.

# 블록(block) 코드 강조

```html
<a href="https://www.google.co.kr/" target="_blank">GOOGLE</a>

.list > li {
  position: absolute;
  top: 40px;
}

function func() {
  var a = 'AAA';
  return a;
}

$ git commit -m 'Study Markdown'

동해물과 백두산이 마르고 닳도록  
하느님이 보우하사 우리나라 만세  
무궁화 삼천리 화려 강산  
대한 사람 대한으로 길이 보전하세

표(Table)

position 속성

값	의미	기본값
static	기준 없음	O
relative	요소 자신	X
absolute	위치 상 부모 요소	X
fixed	뷰포트	X

원시 HTML(Raw HTML)

동해물과 백두산이 마르고 닳도록

하느님이 보우하사 우리나라 만세

수평선(Horizontal Rule)

---

---

---