그래프
|제목|내용|설명|
|------|---|---|
|테스트1|테스트2|테스트3|
|테스트1|테스트2|테스트3|
|테스트1|테스트2|테스트3|| 제목 | 세부 사항 | 설명 |
|---|---|---|
| 시험 1 | 시험 2 | 시험 3 |
| 시험 1 | 시험 2 | 시험 3 |
| 시험 1 | 시험 2 | 시험 3 |
- 정렬 기준
|제목|내용|설명| |:---|---:|:---:| |왼쪽정렬|오른쪽정렬|중앙정렬| |왼쪽정렬|오른쪽정렬|중앙정렬| |왼쪽정렬|오른쪽정렬|중앙정렬|
| 제목 | 세부 사항 | 설명 |
|---|---|---|
| 왼쪽 정렬 | 오른쪽 정렬 | 중심 정렬 |
| 왼쪽 정렬 | 오른쪽 정렬 | 중심 정렬 |
| 왼쪽 정렬 | 오른쪽 정렬 | 중심 정렬 |
- 셀 확장: 셀 사이의 공간이 비어 있을 때 자동으로 확장
|제목|내용|설명| |:---|:---:|---:| ||중앙에서확장|| |||오른쪽에서 확장| |왼쪽에서확장||
| 제목 | 세부 사항 | 설명 |
|---|---|---|
| 중앙에서 연장 | ||
| 오른쪽으로 확장 | ||
| 왼쪽부터 펼치기 |
- 셀 강조 표시: 기울임꼴/강조표시/스팬 태그 색상을 * 및 **로 표시
|제목|내용|설명| |---|---|---| |테스트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)
6번 트랙(h6)
- 인용하다
1단계
견적의 첫 줄
두 번째 인용 줄2단계
반복적으로 사용할 수 있습니다
삼
겹치는 따옴표
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 "깃허브")
내부(해시) 링크
(보여지는 내용)(#이동할 헤드(제목))
괄호 안의 링크를 쓸 때는 띄어쓰기는 -로 연결, 영어는 모두 소문자로 작성
(1. Headers 헤더)(#1-headers-헤더)
(2. Emphasis 강조)(#2-emphasis-강조)
(3. Blockquotes 인용)(#3-blockquotes-인용)(콘텐츠 표시)(#이동할 머리(제목))
괄호 안에 링크를 작성할 때 공백은 -로 연결되며 영어는 모두 소문자로 작성됩니다.
1. 헤더
2. 강조 강조
3. Blockquotes 따옴표