markdown 문법

Markdown 문법

제목(<h1> ~ <h6>)

#로 표현
# 갯수에 따라 <h1>부터 <h6>까지 매핑

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

제목1

제목2

제목3

제목4

제목5

제목6

강조(<em>, <strong>, <del>, <u>)

기울기는 * 혹은 _ 로 표현
굵기는 ** 혹은 __로 표현
취소선은 ~~로 표현
밑줄은 <u>로 표현

*기울기* 혹은 _기울기_  
**굵기** 혹은 __굵기__   
~~취소선~~  
<u>밑줄</u>  

기울기 혹은 기울기
굵기 혹은 굵기
취소선
밑줄

목록(<ol>, <ul>)

순서있는 목록의 경우 숫자로 표현
순서없는 목록의 경우 -, +, *로 표현
계층 표현 시, 탭 입력 후 표현

1. 순서1
1. 순서2
1. 순서3
    - 순서4
1. 순서5
    1. 순서6
    1. 순서7
- 순서8  
    - 순서9   

* 순서10
+ 순서11

1. 순서1
2. 순서2
3. 순서3
   • 순서4
4. 순서5
   1. 순서6
   2. 순서7

• 순서8
  • 순서9
• 순서10
• 순서11

링크(<a>)

[링크명](URL)형식으로 사용
[링크명], [링크명] : (URL) 형식으로 문서 안에서 참조링크 가능
문서내 일반 URL이나 꺾쇠 괄호 안의 URL은 자동 링크

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

[참조링크] 

구글 : https://google.com  
네이버 : <https://naver.com>

[참조링크]: https://naver.com

google
naver

참조링크

구글 : https://google.com
네이버 : https://naver.com

이미지(<img>)

![이미지이름](이미지경로) 형식으로 사용

![logo](/public/img/logo.png)

이미지 크기

<img src="url" width="" height=""></img> 와 같이 html 형식으로 표현

이미지 정렬

<img src="url" style=""></img> 와 같이 html 형식으로 표현

• 가운데 정렬 : style="display: block;margin: 0 auto;"
• 왼쪽 정렬 : style="float: left;"
• 오른쪽 정렬 : style="float: right;"

<img src="https://sanggil1107.github.io/public/img/logo.png" width="50px" height="50px" style="display: block;margin: 0 auto;" alt="center">
<img src="https://sanggil1107.github.io/public/img/logo.png" width="50px" height="50px" style="float: right;" alt="right">  
<img src="https://sanggil1107.github.io/public/img/logo.png" width="50px" height="50px" style="float: left;" alt="left">  

코드 강조(<pre>, <code>)

인라인 코드 강조

숫자 1번 왼쪽에 있는 `로 표현

`인라인 코드 강조`

인라인 코드 강조

블록 코드 강조

`를 3번 입력하여 표현 (코드 종류도 작성 가능)

```html
<a href="https://google.com">Google</a>
```

```css
.list {
    position: fixed;
    top: 5px;
}
```

```javascript
function func() {
    var a = AAA';
    alert(a);
}
```

```python
s = "python is simple"
print(s)
```

```
No language
```

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

.list {
    position: fixed;
    top: 5px;
}

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

s = "python is simple"
print(s)

No language

표(<table>)

--- 으로 헤더 셀을 구분할 수 있으며 : 기호로 셀 안의 내용 정렬 가능
| 로 행,열 표현
가장 좌측과 우측의 |는 생략 가능

|이름|나이|키|주소|
|:----:|:----:|:----:|:---:|
|sanggil|29|180|서울시 영등포구|
|gildong|50|175|대전시 둔산동|

이름|나이|키|주소
---|---|---|---
sunsin|200|190|서울시 도봉구
minsu|5|150|서울시 강남구

이름	나이	키	주소
sanggil	29	180	서울시 영등포구
gildong	50	175	대전시 둔산동

이름	나이	키	주소
sunsin	200	190	서울시 도봉구
minsu	5	150	서울시 강남구

인용문(<blockquote>)

> 기호로 표현

> 인용문 사용
>> 중첩된 인용문 가능
>>> 중첩된 인용문 가능

인용문 사용

중첩된 인용문 가능

중첩된 인용문 가능

수평선(<hr>)

하이픈(---) 이나 별표(***), 언더바(___) 3개 이상을 입력하여 표현

---
***
___

---

---

---

줄바꿈(<br>)

<br> 혹은 띄워쓰기 2번으로 표현

2번의 띄워쓰기나  
html의 `<br>` 태그를 <br> 
사용할 수 있습니다.

2번의 띄워쓰기나
html의 <br> 태그를

사용할 수 있습니다.