기타

[Markdown] 마크다운 문법 정리

📝 작성 : 2020.06.14  ⏱ 수정 : 
728x90

마크다운?

마크다운은 텍스트를 HTML로 변환하는 도구입니다.
확장자는 .md(또는 .markdown)이며 content-type은 text/markdown입니다.

마크다운의 장, 단점

장점

  1. 간결합니다.
  2. 별도의 도구 없이 작성 가능합니다.
  3. 텍스트 파일이기 때문에 용량이 적고, git과 같은 버전 관리 시스템을 이용하여 변경이력 관리가 용이합니다.

단점

  1. 표준이 없기 때문에 도구, 플랫폼에 따라 결과물이 다를 수 있습니다.
    • 티스토리에서는 - [X]이 체크박스로 변환되지 않습니다.
  2. 모든 HTML 마크업을 대신하지 못한다.
    • 글자에 색을 주는 등의 작업은 할 수 없습니다.

마크다운 문법

1. 제목

<h1>부터 <h6>까지의 태그로 변환됩니다.

# h1
## h2
### h3
#### h4
##### h5
###### h6

markdown header

 

h1h2는 아래처럼 사용할 수도 있습니다.

h1(하단의 =는 몇 번 작성해도 같습니다.) 
=
h2(하단의 -는 몇 번 작성해도 같습니다.) 
-
h2
------------------------

markdown header 다른 표현

2. 강조

<em>, <strong>, <del> 태그로 변환됩니다.

이탤릭체는 *이탤릭체* 또는 _이탤릭체_
두껍게는 **두껍게** 또는 __두껍게__ (_ 두 개)
취소선은 ~~취소선~~
모두 적용 ~~**_모두 적용_**~~

이탤릭체는 이탤릭체 또는 이탤릭체
두껍게는 두껍게 또는 두껍게 (_ 두 개)
취소선은

취소선

모두 적용

모두 적용

3. 목록

<ol>, <ul> 태그로 변환됩니다.

1. 순서 O
2. 순서 O
     - 순서 X
     - 순서 X
3. 순서 O
     1. 순서 O
     1. 순서 O
- 순서 X
     - 순서 X
     * 순서 X
     + 순서 X
  1. 순서 O
  2. 순서 O
    • 순서 X
    • 순서 X
  3. 순서 O
    1. 순서 O
    2. 순서 O
  • 순서 X
    • 순서 X
    • 순서 X
    • 순서 X

4. 링크

<a> 태그로 변환됩니다.

[블로그 주소](https://sinau.tistory.com)

일반 URL이나 꺾쇠(<>)안의 URL은 자동으로 변환됩니다.
블로그 주소: https://sinau.tistory.com
깃 주소: <https://github.com/dhlee3994>

블로그 주소

일반 URL이나 꺾쇠(<>)안의 URL은 자동으로 변환됩니다.
블로그 주소: https://sinau.tistory.com
깃 주소: https://github.com/dhlee3994

5. 수평선

<hr/> 태그로 변환됩니다.

*이나 - 또는 _ 을 3개 이상 입력합니다. 다만, -은 헤더로 인식 할 수 있으므로 주의해서 사용합니다.

***
_____ _____ ____
-- -- -- -- 



6. 이미지

<img> 태그로 변환됩니다.

![alt text](/images/shinchan.jpeg "title text 생략가능")

[![alt text](/images/shinchan.jpeg  "title text 생략가능")](link)

shinchan

7. 코드 블록

<pre>, <code> 태그로 변환됩니다.

`인라인(inline) 코드 블럭\

\``` java (이 외에 다른 코드 종류도 가능합니다.) 
public static void main(String[] args) {
    System.out.println("Hello World");
}
\```
앞의 `\`는 생략합니다.

인라인(inline) 코드 블록

public static void main(String[] args) {
    System.out.println("Hello World");
}

코드 블록에 사용 가능한 종류는 이 사이트에서 확인할 수 있습니다.

8. 테이블(표)

<table> 태그로 변환됩니다.

|기본|왼쪽 정렬|가운데정렬|오른쪽 정렬|
|---|:---|:---:|---:|
|내용 1|내용 2|내용 3|내용 4|
|내용 5|내용 6|내용 7|내용 8
내용 9|내용 10|내용 11|내용 12|
내용 13|내용 14|내용 15|내용 16
기본 왼쪽 정렬 가운데 정렬 오른쪽 정렬
내용 1 내용 2 내용 3 내용 4
내용 5 내용 6 내용 7 내용 8
내용 9 내용 10 내용 11 내용 12
내용 13 내용 14 내용 15 내용 16

9. 인용구(BlockQuotes)

<blockquote> 태그로 변환됩니다.

> 첫 번째 인용구입니다.
>> 인용구 내부에 **다른 태그를 포함**할 수 있습니다.

첫 번째 인용문입니다.

인용구 내부에 다른 태그를 포함할 수 있습니다.

10. Raw HTML

HTML 문법을 사용할 수 있습니다.

<u>HTML</u>
<br/>
<strong>HTML</strong>

HTML

HTML

반응형