마크 다운 사용법

표

|제목|내용|설명|
|------|---|---|
|테스트1|테스트2|테스트3|
|테스트1|테스트2|테스트3|
|테스트1|테스트2|테스트3|

제목	내용	설명
테스트1	테스트2	테스트3
테스트1	테스트2	테스트3
테스트1	테스트2	테스트3

• 정렬

  |제목|내용|설명|
  |:---|---:|:---:|
  |왼쪽정렬|오른쪽정렬|중앙정렬|
  |왼쪽정렬|오른쪽정렬|중앙정렬|
  |왼쪽정렬|오른쪽정렬|중앙정렬|

제목	내용	설명
왼쪽정렬	오른쪽정렬	중앙정렬
왼쪽정렬	오른쪽정렬	중앙정렬
왼쪽정렬	오른쪽정렬	중앙정렬

• 셀 확장 : 사이가 비어있으면 자동 확장

  |제목|내용|설명|
  |:---|:---:|---:|
  ||중앙에서확장||
  |||오른쪽에서 확장|
  |왼쪽에서확장||

제목	내용	설명
	중앙에서확장
		오른쪽에서 확장
왼쪽에서확장

• 셀 강조 : * 와 ** 를 통해 이탤릭/강조 / span tag 컬러표시

  |제목|내용|설명|
  |---|---|---|
  |테스트1|*강조1*|테스트3|
  |테스트1|**강조2**|테스트3|
  |테스트1|<span style="color:red">강조3</span>|테스트3|

  제목	내용	설명
  테스트1	강조1	테스트3
  테스트1	강조2	테스트3
  테스트1	강조3	테스트3

# 첫 번째 제목 (h1)
## 두 번째 제목 (h2)
### 세 번째 제목 (h3)
#### 네 번째 제목 (h4)
##### 다섯 번째 제목 (h5)
###### 여섯 번째 제목 (h6)

첫 번째 제목 (h1)

두 번째 제목 (h2)

세 번째 제목 (h3)

네 번째 제목 (h4)

다섯 번째 제목 (h5)

여섯 번째 제목 (h6)

• 인용문

1단

인용문 첫 번째 줄
인용문 두 번째 줄

2단

중복해서 사용 가능

3단

중첩 인용문

4단

중첩...

• 가로선 넣기

---

---

---

---

---

---

---

---

---

* * *
***
*****
- - -
---
-----
_ _ _
___
_____




- 링크(Links)

1. 인라인 링크

인라인 링크

[인라인 링크](https://velog.io/)




2. 참조 링크

[velog]:https://velog.io/

velog <- 키워드 참조

이탤릭
이탤릭
볼드
볼드

취소선

*이탤릭*
_이탤릭_
**볼드**
__볼드__
~~취소선~~




- 이미지 삽입(Images)

1. 일반 이미지 삽입하기: ![대체 텍스트](이미지 링크)
예시: ![CloudScape](![](https://velog.velcdn.com/images/mils333/post/b71013c5-22d6-4c21-b753-965e123149b7/image.png)
)

2. 이미지에 설명 삽입하기: ![대체 텍스트](이미지 링크 "이미지 설명 문구")
예시: ![CloudScape](![](https://dictionary.cambridge.org/ko/images/thumb/sky_noun_002_34098.jpg?version=5.0.234)
 "SkyPick")
이미지 설명 문구 : 이미지에 마우스를 올렸을 때 나타나는 설명

3. 이미지에 링크 걸기: [![대체 텍스트](이미지 링크)](연결할 url "url 설명 문구")
예시: [![CloudScape](![](https://velog.velcdn.com/images/mils333/post/3156e959-9ce5-4bf9-b371-1fdd6f5435e3/image.png)
)](https://velog.io/@mils333/series "슬 공부방")




- 마크다운 문법에 있는 기호를 그대로 출력할 때 (역방향 슬러시를 앞에 붙이기)

*
_
()
{}
[]
#
+
-
.
!
\

\*
\_
\()
\{}
\[]
\#
\+
\-
\.
\!
\\




- 이모지(Emoji)
링크에서 복사+붙여넣기: https://kr.piliapp.com/twitter-symbols/

단축키 이용:
windows: 윈도우 키 + 마침표(.)



- 체크박스(Check Box)

• 체크되지 않은 박스
• 체크된 박스
• 체크되지 않은 박스
• 체크된 박스

• 하이픈
  ```

  h1

  h2
• -
  ```

  h1

  h2
• -

• 이미지
  링크와 비슷하지만 앞에 !가 붙는다.

  인라인 이미지 ![alt text](/test.png)
  링크 이미지 ![alt text](image_URL)

이미지의 사이즈를 변경하기 위해서는 <img width="OOOpx" height="OOOpx"></img>와 같이 표현합니다.
![텍스트](이미지파일경로.jpg)
![텍스트](이미지파일URL)

이미지 파일에 마우스를 올렸을 때 커서 옆에 나오는 텍스트 설정
![텍스트](이미지파일경로.jpg "이미지이름") 
![텍스트](이미지파일URL "이미지이름")

링크와 이미지를 합친 문법 (이미지를 링크로 사용)
[ ![텍스트](이미지URL) ]( 링크URL )

[![텍스트](https://t1.daumcdn.net/cfile/tistory/2444873B57E257821F)](https://unity3d.com/kr)

<img>태그를 이용한 이미지 크기 조절
<img src="https://i1.sndcdn.com/avatars-000639959556-jhitcq-t500x500.jpg" width="200" height="200" />
<!-- a태그를 이용한 이미지 링크 생성법-->

태그를 이용한 이미지 크기 조절

<a href="#">
    <img src="https://github.com/images/markdown_syntax.jpg" width="400px" alt="sample image">
</a>

외부 링크

[Google](http://www.google.com "구글")
[Naver](http://www.naver.com "네이버")
[Github](http://www.github.com "깃허브")

Google
Naver
Github

내부(해시) 링크

[보여지는 내용](#이동할 헤드(제목))
괄호 안의 링크를 쓸 때는 띄어쓰기는 -로 연결, 영어는 모두 소문자로 작성

[1. Headers 헤더](#1-headers-헤더)
[2. Emphasis 강조](#2-emphasis-강조)
[3. Blockquotes 인용](#3-blockquotes-인용)

[보여지는 내용](#이동할 헤드(제목))
괄호 안의 링크를 쓸 때는 띄어쓰기는 -로 연결, 영어는 모두 소문자로 작성

1. Headers 헤더
2. Emphasis 강조
3. Blockquotes 인용