IT 관련/웹관련

마크다운 문법 정리

돌고래78 2025. 5. 22. 14:25

1. 제목 (Headings)

문서의 제목이나 소제목을 나타낼 때 사용해요. '#' 기호의 개수에 따라 제목의 크기가 달라집니다.

Markdown
 
# 가장 큰 제목 (<h1> 태그)
## 중간 제목 (<h2> 태그)
### 작은 제목 (<h3> 태그)
#### 더 작은 제목 (<h4> 태그)
##### 훨씬 더 작은 제목 (<h5> 태그)
###### 가장 작은 제목 (<h6> 태그)

결과:

가장 큰 제목

중간 제목

작은 제목

더 작은 제목

훨씬 더 작은 제목가장 작은 제목

2. 텍스트 스타일 (Text Styles)

글자를 굵게, 기울임꼴로, 또는 &lt;del>취소선&lt;/del>으로 표시할 수 있어요.

Markdown
 
**굵게** 또는 __굵게__
*기울임꼴* 또는 _기울임꼴_
~~취소선~~

결과:

 

굵게 또는 굵게

기울임꼴 또는 기울임꼴

취소선

3. 목록 (Lists)

순서가 있는 목록과 순서가 없는 목록을 만들 수 있습니다.

순서가 없는 목록 (Unordered Lists)

'*', '-', '+' 기호를 사용하여 항목을 나타냅니다.

Markdown
 
* 항목 1
* 항목 2
    * 하위 항목 2.1
    * 하위 항목 2.2
- 또 다른 항목 3
+ 그리고 항목 4

결과:

  • 항목 1
  • 항목 2
    • 하위 항목 2.1
    • 하위 항목 2.2

<!-- end list -->

  • 또 다른 항목 3

<!-- end list -->

  • 그리고 항목 4

순서가 있는 목록 (Ordered Lists)

숫자와 점('.')을 사용하여 항목을 나타냅니다.

Markdown
 
1. 첫 번째 항목
2. 두 번째 항목
    1. 하위 항목 2.1
    2. 하위 항목 2.2
3. 세 번째 항목

결과:

  1. 첫 번째 항목
  2. 두 번째 항목
    1. 하위 항목 2.1
    2. 하위 항목 2.2
  3. 세 번째 항목

4. 링크 (Links)

웹사이트 주소를 텍스트에 연결할 수 있습니다.

Markdown
 
[보여질 텍스트](https://www.example.com)
[참고 자료][ref]

[ref]: https://www.example.com/reference "선택적 제목"

결과:

보여질 텍스트

[참고 자료][ref]

5. 이미지 (Images)

이미지를 문서에 삽입할 수 있습니다. 링크와 비슷한 형태이지만, 앞에 '!' 기호가 붙습니다.

Markdown
 
![대체 텍스트](이미지 주소)
![또 다른 이미지](이미지 주소 "선택적 제목")

결과: 생략

6. 인용 (Blockquotes)

다른 사람의 말이나 글을 인용할 때 사용합니다. '>' 기호를 사용합니다.

Markdown
 
> 삶은 가까이서 보면 비극이지만, 멀리서 보면 희극이다. - 찰리 채플린
>
> > 중첩된 인용도 가능합니다.

결과:

삶은 가까이서 보면 비극이지만, 멀리서 보면 희극이다. - 찰리 채플린

중첩된 인용도 가능합니다.

7. 코드 블록 (Code Blocks)

프로그래밍 코드 등을 보여줄 때 사용합니다.

인라인 코드 (Inline Code)

텍스트 중간에 짧은 코드를 넣을 때는 ` (백틱) 기호를 사용합니다.

Markdown
 
`printf("Hello, world!");`

결과:

printf("Hello, world!");

블록 코드 (Block Code)

여러 줄의 코드를 나타낼 때는 ``` (세 개의 백틱) 기호로 감쌉니다. 특정 프로그래밍 언어를 명시할 수도 있습니다.

Markdown
 
```python
def greet(name):
    print(f"Hello, {name}!")

greet("World")
JavaScript
 
console.log("Hello, world!");

결과:

Python
 
def greet(name):
    print(f"Hello, {name}!")

greet("World")
JavaScript
 
console.log("Hello, world!");

8. 수평선 (Horizontal Rule)

내용을 시각적으로 분리할 때 사용합니다. '*', '-', '_' 기호를 세 개 이상 나열합니다.

Markdown
 
***
---
___

결과: 생략

9. 테이블 (Tables)

표를 만들 수 있습니다.

Markdown
 
| 헤더 1 | 헤더 2 | 헤더 3 |
|---|---|---|
| 내용 1 | 내용 2 | 내용 3 |
| 더 많은 내용 | 또 다른 내용 | 마지막 내용 |

결과:

헤더 1 헤더 2  

 

'IT 관련 > 웹관련' 카테고리의 다른 글

문자셋 표준  (0) 2025.04.17
동영상 태그 삽입하기  (0) 2025.03.13
유용한 AI 사이트  (0) 2025.03.07