Git | 마크다운(Markdown)

# 제목(Header)

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

제목(Header)

제목 1

제목 2

제목 3

제목 4

제목 5

제목 6

 

# 문장(Paragraph)

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

# 줄바꿈(line break)
동해물과 백두산이 마르고 닳도록  
하느님이 보우하사 우리나라 만세  
무궁화 삼천리 화려 강산<br/>
대한사람 대한으로 길이 보전하세  
-띄어쓰기 두번 혹은 break 태그

문장(Paragraph)

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

줄바꿈(line break)

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

대한사람 대한으로 길이 보전하세
-띄어쓰기 두번 혹은 break 태그

 

 

# 강조(Emphasis)

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

강조(Emphasis)

이탤릭
두껍게
이텔릭 + 두껍게

취소선

밑줄

 

# 목록(list)

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

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

목록(list)

1. 순서가 필요한 목록
2. 순서가 필요한 목록
3. 순서가 필요한 목록
   1. 순서가 필요한 목록
   2. 순서가 필요한 목록
4. 순서가 필요한 목록

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

 

# 링크(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로 이동")

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

링크(links)

google

google

naver

naver

naver

 

# 이미지(image)
![]()

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

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

이미지(image)

# 인용문(blockquote)

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

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

인용문(blockquote)

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

인용문을 작성하세요

중첩된 인용문

중중첩된 인용문 1
중중첩된 인용문 2

 

# 인라인(inline) 코드 강조

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

인라인(inline) 코드 강조

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

 

# 블럭코드 강조


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

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

```javascript
function func() {
  var a = 'aaa';
  return a;
}
```

```bash
$ git commit -m 'study markdown'
```

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

블럭코드 강조

<a href="https://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

표(table)

position 속성

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

 

# 원시 html(Raw html)

동해물과 <span style="text-decoration: underline;">백두산</span>이 마르고 닳도록<br/>
하느님이 보우하사 우리나라 만세

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

<img width="70" src="https://heropy.blog/css/images/logo.png" alt="heropy">

원시 html(Raw html)

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

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

naver

 

# 수평선(horizontal rule)

---
***
___

수평선(horizontal rule)

---

---

---