블로그나 깃허브 프로필, 혹은 노션을 쓸 때 필요한 언어가 바로 마크다운이다.
이제 블로그도 시작했고, 깃 리드미도 조금 더 이쁘게 써보고 싶은 마음에 마크다운 문법을 정리해두려 한다.
#을 문장 앞에 붙여 제목 1~제목 6까지 표현할 수 있다.
# 제목1
## 제목2
### 제목3
#### 제목4
##### 제목5
###### 제목6
추가적으로, 제목 1과 제목 2는 다음과 같이 표현할 수도 있다.
제목1
========
제목2
--------
이텔릭체는 *별표* 혹은 _언더바_
두껍게는 **별표 2개** 혹은 __언더바 2개__
취소선은 ~~물결표시~~
<u>밑줄</u>은 <u></u>
이텔릭체는 별표 혹은 언더바
두껍게는 별표 2개 혹은 언더바 2개
취소선은 물결표시
밑줄은 ""
1. 순서가 필요한 목록
1. 순서가 필요한 목록
- 순서가 필요하지 않은 목록(서브)
- 순서가 필요하지 않은 목록(서브)
1. 순서가 필요한 목록
1. 순서가 필요한 목록(서브)
1. 순서가 필요한 목록(서브)
1. 순서가 필요한 목록
- 순서가 필요하지 않은 목록에 사용 가능한 기호
- 대쉬(hyphen)
* 별표(asterisks)
+ 더하기(plus sign)
[링크 제목](링크 "링크 설명")로 표현 가능
ex)
[Naver](www.naver.com"네이버 링크입니다.")
다음과 같이 문서 내 일반 URL이나 꺾쇠 괄호(`< >`, Angle Brackets)안의 URL은 자동으로 링크를 사용합니다.
구글 홈페이지: https://google.com
네이버 홈페이지: <https://naver.com>
다음과 같이 문서 내 일반 URL이나 꺾쇠 괄호(< >
)안의 URL은 자동으로 링크를 사용합니다.
구글 홈페이지: https://google.com
네이버 홈페이지: https://naver.com
링크와 비슷하지만 앞에 !가 붙습니다.
![Cat][image]
[image]: https://image.shutterstock.com/image-illustration/cute-cartoon-kitten-taking-power-600w-1790302490.jpg "Cute cat"
```
사이에 코드를 넣으면 됩니다.
```
언어를 나타내고 싶다면
```html
<a>Hello World</a>
```
이런식으로 하면 됩니다
- 3개 이상을 사용하여 헤더셀 구분
:을 사용하여 좌측, 우측, 중앙 정렬 가능
가장 좌측과 우측의 | 생략 가능
| 값 | 의미 | 기본값 |
|---|:---:|---:|
| `static` | 유형(기준) 없음 / 배치 불가능 | `static` |
| `relative` | 요소 자신을 기준으로 배치 | |
| `absolute` | 위치 상 부모(조상)요소를 기준으로 배치 | |
| `fixed` | 브라우저 창을 기준으로 배치 | |
값 | 의미 | 기본값 |
---|---|---|
static | 유형(기준) 없음 / 배치 불가능 | static |
relative | 요소 자신을 기준으로 배치 | |
absolute | 위치 상 부모(조상)요소를 기준으로 배치 | |
fixed | 브라우저 창을 기준으로 배치 |
>기호를 활용하여 표현 가능
>>중첩도 가능
>>>3중 중첩도 가능(몇중까지 되는지는 안해봄)
기호를 활용하여 표현 가능
중첩도 가능
3중 중첩도 가능(몇중까지 되는지는 안해봄)
-, *, _ 3개 이상 사용
-----
***
___
-, *, _ 3개 이상 사용
줄바꿈: <br> 사용
줄바꿈:
사용