백틱을 사용하여 이러한 회색 박스를 만들 수 있다
⌨️ 입력
# h1
## h2
### h3
#### h4
##### h5
###### h6
🖥출력
⌨️ 입력
> 인용
>> 인용안의 인용
>>> 인용안의 인용안의 인용
🖥출력
인용
인용안의 인용
인용안의 인용안의 인용
⌨️ 입력
* 별(*)
+ 플러스(+)
- 마이너스(-) 다 가능!
🖥출력
⌨️ 입력
1. 교촌
2. BHC
3. BBQ
🖥출력
⌨️ 입력
한줄짜리는 간단히 엔터를 두번 한 후 Tab, 그리고 입력
여려줄짜리는 `을
3개 사용하여 입력
코드도 가능하다!!!
🖥출력
한줄짜리는 간단히 엔터를 두번 한 후 Tab, 그리고 입력
여러줄 짜리는 `을
3개 사용하여 입력
코드도 가능하다!!!
public class HelloWorld{
public static void main(String[] args){
System.out.println("Hello World");
}
}
⌨️ 입력
* * *
***
*****
- - -
---
-----
_ _ _
___
_____
🖥출력
⌨️ 입력
인라인 링크
[네이버](www.naver.com)
URL 링크
<www.naver.com>
🖥출력
인라인 링크
네이버
URL 링크
https://velog.io/ <= https로 시작해야 적용되는듯?
⌨️ 입력
*이탤릭*
_이탤릭_
**볼드**
__볼드__
~~취소선~~
🖥출력
이탤릭
이탤릭
볼드
볼드
취소선
⌨️ 입력
1. 일반 이미지 삽입하기: ![대체 텍스트](이미지 링크)
예시: ![CloudScape](https://cdn.pixabay.com/photo/2015/03/26/09/47/sky-690293_1280.jpg)
2. 이미지에 설명 삽입하기: ![대체 텍스트](이미지 링크 "이미지 설명 문구")
예시: ![CloudScape](https://cdn.pixabay.com/photo/2015/03/26/09/47/sky-690293_1280.jpg "Cloudy Sky")
** 참고: 이미지에 마우스를 올렸을 때 나타나는 설명을 의미함
3. 이미지에 링크 걸기: [![대체 텍스트](이미지 링크)](연결할 url "url 설명 문구")
예시: [![CloudScape](https://cdn.pixabay.com/photo/2015/03/26/09/47/sky-690293_1280.jpg)](https://cdn.pixabay.com/photo/2015/03/26/09/47/sky-690293_1280.jpg "Pixabay Image")
🖥출력
일반 이미지 삽입하기: ![대체 텍스트](이미지 링크)
예시:
이미지에 설명 삽입하기: ![대체 텍스트](이미지 링크 "이미지 설명 문구")
예시:
** 참고: 이미지에 마우스를 올렸을 때 나타나는 설명을 의미함
| |left |center|right
|----|:----|:----:|----:
|row1|l1 | c1 | r1
|row2|l2 | c2 | r2
|row3|l3 | c3 | r3
🖥출력
left | center | right | |
---|---|---|---|
row1 | l1 | c1 | r1 |
row2 | l2 | c2 | r2 |
row3 | l3 | c3 | r3 |
window
: window 키
+ .
mac
: control
+command
+space
⌨️ 입력
- [ ] 체크 X
- [X] 체크 O
🖥출력