[Markdown] 헤더(Header) 사용법

헤더(Header)는 문서 내의 제목이나 섹션을 강조하기 위해 사용됩니다. 이번 포스팅에서는 Markdown에서 헤더를 사용하는 방법에 대해 알아보겠습니다.

 

헤더(Header)란?

헤더는 문서 내의 제목이나 섹션을 강조하기 위한 기능입니다. Markdown에서는 헤더를 작성할 때 # 기호를 사용합니다. # 기호의 개수에 따라서 헤더의 크기가 달라집니다. 예를 들어, # 하나는 최상위 헤더를 나타내고, ##는 하위 헤더를 나타냅니다.

헤더 사용법

다음은 헤더를 사용하는 방법입니다.

# 최상위 헤더
## 하위 헤더 1
### 하위 헤더 2
#### 하위 헤더 3
##### 하위 헤더 4
###### 하위 헤더 5

위와 같이 작성하면 다음과 같은 결과물이 나타납니다.

헤더의 크기는 # 기호의 개수로 결정됩니다. 따라서, # 기호는 1개에서 6개까지 사용할 수 있습니다. 각 헤더의 크기에 따라서 글씨 크기가 작아지며, 최상위 헤더의 경우 가장 큰 글씨 크기를 가집니다.

 

헤더 스타일링

마크다운에서 헤더는 기본적으로 굵은 글씨체로 표시됩니다. 그러나 헤더의 스타일을 변경하는 방법도 있습니다. HTML의 <h1>~<h6> 태그와 마찬가지로 CSS를 이용해 헤더의 스타일을 변경할 수 있습니다.

<style>
h1 {
  color: red;
  font-size: 32px;
}

h2 {
  color: blue;
  font-size: 24px;
}
</style>

# 제목 1
## 제목 2

위와 같이 작성하면 제목 1은 빨간색으로, 제목 2는 파란색으로 표시됩니다.

헤더 이미지

마크다운에서 헤더에 이미지를 추가하는 방법도 있습니다. HTML의 <img> 태그와 비슷한 방식으로 이미지를 추가할 수 있습니다.

# 제목 1
![이미지 설명](이미지 경로)

위와 같이 작성하면 제목 1 옆에 이미지가 표시됩니다. 이미지 경로는 웹 상의 이미지 주소나 로컬 파일의 경로를 사용할 수 있습니다.