내가 보려고 쓰는 마크다운 정리

YJoo·2022년 4월 18일
0
post-thumbnail

마크다운

블로그나 깃허브 프로필, 혹은 노션을 쓸 때 필요한 언어가 바로 마크다운이다.
이제 블로그도 시작했고, 깃 리드미도 조금 더 이쁘게 써보고 싶은 마음에 마크다운 문법을 정리해두려 한다.


문법정리


제목

#을 문장 앞에 붙여 제목 1~제목 6까지 표현할 수 있다.

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

제목1

제목2

제목3

제목4

제목5
제목6

추가적으로, 제목 1과 제목 2는 다음과 같이 표현할 수도 있다.

제목1
========
제목2
--------

제목1

제목2


강조

이텔릭체는 *별표* 혹은 _언더바_
두껍게는 **별표 2개** 혹은 __언더바 2개__
취소선은 ~~물결표시~~
<u>밑줄</u><u></u>

이텔릭체는 별표 혹은 언더바
두껍게는 별표 2개 혹은 언더바 2개
취소선은 물결표시
밑줄은 ""


목록

1. 순서가 필요한 목록
1. 순서가 필요한 목록
  - 순서가 필요하지 않은 목록(서브) 
  - 순서가 필요하지 않은 목록(서브) 
1. 순서가 필요한 목록
  1. 순서가 필요한 목록(서브)
  1. 순서가 필요한 목록(서브)
1. 순서가 필요한 목록

- 순서가 필요하지 않은 목록에 사용 가능한 기호
  - 대쉬(hyphen)
  * 별표(asterisks)
  + 더하기(plus sign)
  1. 순서가 필요한 목록
  2. 순서가 필요한 목록
  • 순서가 필요하지 않은 목록(서브)
  • 순서가 필요하지 않은 목록(서브)
  1. 순서가 필요한 목록
  2. 순서가 필요한 목록(서브)
  3. 순서가 필요한 목록(서브)
  4. 순서가 필요한 목록
  • 순서가 필요하지 않은 목록에 사용 가능한 기호
    • 대쉬(hyphen)
    • 별표(asterisks)
    • 더하기(plus sign)

링크

[링크 제목](링크 "링크 설명")로 표현 가능
ex)
[Naver](www.naver.com"네이버 링크입니다.")

다음과 같이 문서 내 일반 URL이나 꺾쇠 괄호(`< >`, Angle Brackets)안의 URL은 자동으로 링크를 사용합니다.
구글 홈페이지: https://google.com
네이버 홈페이지: <https://naver.com>

링크 제목로 표현 가능
ex)
Naver

다음과 같이 문서 내 일반 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> 사용

줄바꿈:
사용

profile
https://github.com/Y-Joo

0개의 댓글