마크다운 (Markdown)
웹에서도 보다 빠르게 컨텐츠를 작성하고 보다 직관적으로 인식할 수 있도록 하는 도움을 준다.
Github에서는 README.md를 통해 우선적으로 접하게 된다.
장점
문법이 쉽고 간결하다.
관리가 쉽다.
지원 가능한 플랫폼과 프로그램이 다양하다.
단점
표준이 없다.
모든 HTML 마크업을 대신하지 못한다.
제목 (Header)
# 제목 1
## 제목 2
### 제목 3
#### 제목 4
##### 제목 5
###### 제목 6
줄바꿈 (Line Breaks)
줄바꿈을 하기 위해서는 줄바꿈이 있는 문장에 두 칸 띄어쓰기를 하면 된다.
간혹 띄어쓰기로 줄바꿈이 되지 않는 경우가 있는데 이 경우에는 </br>을 사용하면 된다.
동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세
무궁한 삼천리 화려 강산<br />
대한 사람 대한으로 길이 보전하세
강조 (Emphasis)
_이텔릭_
**두껍게**
**_이텔릭 + 두껍게_**
~~취소선~~
<u>밑줄</u> 
목록 (List)
1. 순서가 필요한 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
동일한 숫자를 입력했음에도 자동으로 다음 숫자 목록으로 출력된다.
또한 들여쓰기를 통해 특정 목록의 상세 목록으로 만들 수 있다.
링크 (Links)
<a href="https://www.naver.com">NAVER</a>
[NAVER](https://www.naver.com)
<a href="https://www.naver.com" title="NAVER로 이동">NAVER</a>
[NAVER](https://www.naver.com "NAVER로 이동")
링크를 삽입하기 위해서는 기본적으로 []() 형태를 사용하면 된다.
이미지 (Image)
[](https://shopping.naver.com/ns/home)
마크다운에 이미지를 삽입하기 위해서는 기본적으로  형태로 사용하면 된다.
만약 링크 이미지를 사용하고 싶다면 [](링크) 를 사용하면 된다.
인용문 (BlockQuote)
> 남의 말이나 글에서 직접 또는 간접으로 따온 문장.
> (네이버 국어 사전)
> 인용문을 작성하세요.
>> 중첩된 인용문 1
>>> 중첩된 인용문 2
>>>> 중첩된 인용문 3
>>>>> 중첩된 인용문 4
인라인 (inline) 코드 강조
CSS에서 `background` 혹은 `background-image` 속성으로 요소에 배경 이미지를 삽입할 수 있다.
블록 (block) 코드 강조
표 (table)
값 | 의미 | 기본값
:--|:--:|--:
static | 기준 없음 | O
relative | 요소 자신 | X
absolute | 위치 상 부모 요소 | X
fixed | 뷰포트 | X
원시 HTML (Raw HTML)
동해물과 <u>백두산</u>이 마르고 닳도록<br/>
하느님이 보우하사 우리나라 만세
<a href="https://www.naver.com" title="NAVER로 이동" targer="_blank">NAVER</a>
<img width="70" src="https://s.pstatic.net/static/www/mobile/edit/20250417_1095/upload_1744877794098d42hA.png" alt="NSTORE">
수평선 (Horizontal Rule)
---, ***, ___를 통해 수평선을 만들 수 있다.
---
***
___
안녕하세요. 프론트엔드 지망생입니다.