마크다운 사용법

마크다운(markdown) 사용법에 대해 배웠다.

 

제목(header)

#, ##, ###, ####, #####, ######를 사용해서 나타낼 수 있고 # 개수가 많아질수록 글씨 크기가 작아진다.

 

 

줄바꿈(Line Breaks)

<br/> 태그를 사용

 

 

강조(Emphasis)

기울이기: _글씨_

두껍게: **글씨**

취소선: ~~글씨~~
밑줄: <u>글씨</u>

 

 

목록(List)

1. 순서가 필요한 목록1

1. 순서가 필요한 목록2

1. 순서가 필요한 목록3

       1. 순서가 필요한 목록3-1

       1.순서가 필요한 목록3-2

1. 순서가 필요한 목록4

이렇게 다 1로 작성해도,

1. 순서가 필요한 목록1

2. 순서가 필요한 목록2

3. 순서가 필요한 목록3

     3-1. 순서가 필요한 목록3-1

     3-2. 순서가 필요한 목록3-2

4. 순서가 필요한 목록4

이렇게 작성된다.

 

 

링크(Links)

<a href="https://google.com">Google</a>

[Google](https://google.com)

<a href="https://naver.com" title="Naver로 이동!">Naver</a>

[Naver](https://naver.com "Naver로 이동!")

<a href="https://naver.com" title="Naver로 이동!" target="_blank">Naver</a>

 

 

이미지(Images)

링크와 유사함. 링크 코드에서 느낌표를 앞에 붙여주면 됨


이미지눌러서 해당 주소로 이동- 대괄호안에 이미지코드 전부 넣기

[](https://wakestand.tistory.com/667)

 

 

인용문(BlockQuote)

> 사용

> 남의 말이나 글에서 직접 또는 간접으로 따온 문장

> (네이버 국어 사전)

> 인용문 중첩사용해보기

>> 중첩된 인용문1

>>> 중중첩된 인용문1

>>>> 중중중첩된 인용문1

 

 

인라인(inline) 코드 강조

백틱(`) 기호 사용

CSS에서 `background` 속성으로 요소에

`background-image` 속성으로 요소에 배경 이미지 삽입 가능하다

 

 

블록(block) 코드 강조

백틱(`) 기호 3번 사용

```html

<a href="https://www.google.com" target="_blank">Google</a>

```

```bash

$ git init

```

```plaintext

안녕하세요

```

 

 

표(table)

vertical bar(|)와 하이픈(-) 사용

Position 속성(기본적으로 왼쪽 정렬)

값 | 의미 | 기본 값

--|--|--|

static | 기준 없음 | O

relative | 요소 자신 | X

absolute | 위치 상 부모 요소 | X

fixed | 뷰포트 | X

이렇게 적으면,  다음과 같은 결과가 나옴

position 속성(정렬) - ':' 사용

:--: -> 가운데 정렬

--: -> 오른쪽 정렬

값 | 의미 | 기본 값

--|:--:|--:|

static | 기준 없음 | O

relative | 요소 자신 | X

absolute | 위치 상 부모 요소 | X

fixed | 뷰포트 | X

이렇게 적으면, 다음과 같은 결과가 나옴

 

 

수평선(Horizontal Rule)

'---' & '___' & '***' 사용