마크다운(Markdown) 작성법

JY·2022년 4월 13일
0

마크다운(Markdown) 개요


마크다운(Markdown)이란?

마크다운(Markdown)이란 텍스트기반의 마크업 언어로, Git의 README.md 파일이나 온라인 문서, 일반 텍스트 편집기로 문서 양식을 편집할 때 사용된다. 마크다운을 이용해 작성된 문서는 HTML 등의 다른 문서형태로 변환이 가능하다.

장점

  • 문법이 쉽고 간결하다.
  • 관리가 쉽다.
  • 지원 가능한 플랫폼과 프로그램이 다양하다.

단점

  • 표준이 없다.
  • 모든 HTML 마크업을 대신하지 못한다.

마크다운(Markdown) 작성법


1. 제목(Header)

<h1>부터 <h6>까지 제목을 표현할 수 있으며, #으로도 표현이 가능하다.

🤔 작성법

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

👉 결과

h1

h2

h3

h4

h5
h6

h1h2=-를 2개 이상 사용해서 표현할 수도 있다.

🤔 작성법

h1
==
h2
--

👉 결과

h1

h2


2. 줄바꿈(Line Breaks)

🤔 작성법

<br/>바꿈


바꿈

3. 수평선

🤔 작성법

---
수평선
***
수평선
___

👉 결과


수평선


수평선



4. 강조(Emphasis)

🤔 작성법

_이텔릭_
*이텔릭*
__두껍게__
**두껍게**
**_이텔릭 + 두껍게_**
~~취소선~~
<u>밑줄</u>

👉 결과
이텔릭
이텔릭
두껍게
두껍게
이텔릭 + 두껍게
취소선
밑줄

5. 목록(List)

1. 순서가 필요한 목록

🤔 작성법

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

👉 결과
1. 순서가 필요한 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록

2. 순서가 필요하지 않은 목록

-, *를 사용해서 목록을 나타낼 수 있다.

🤔 작성법

- 순서가 필요하지 않은 목록
  * 순서가 필요하지 않은 목록
  - 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록

👉 결과

  • 순서가 필요하지 않은 목록
    • 순서가 필요하지 않은 목록
    • 순서가 필요하지 않은 목록
  • 순서가 필요하지 않은 목록
  • 순서가 필요하지 않은 목록
  • 순서가 필요하지 않은 목록

6. 코드

1. 인라인(inline) 코드

🤔 작성법

CSS에서 `background` 혹은 `background-image` 속성으로 요소에 배경 이미지를 삽입할 수 있습니다.

👉 결과
CSS에서 background 혹은 background-image 속성으로 요소에 배경 이미지를 삽입할 수 있습니다.

2. 블록(block) 코드

🤔 작성법
백틱(`)을 세 개 사용해서 작성할 수 있다. 백틱 3개 뒤에 언어 이름을 넣는다.

👉 결과

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
</body>
</html>

7. 링크

🤔 작성법

[GOOGLE](https://google.com)
[NAVER](https://naver.com "NAVER로 이동!")

👉 결과
GOOGLE
NAVER

8. 인용문

🤔 작성법

> 남의 말이나 글에서 직접 또는 간접으로 따온 문장.
(네이버 국어 사전)

👉 결과

남의 말이나 글에서 직접 또는 간접으로 따온 문장.
(네이버 국어 사전)

🤔 작성법

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

👉 결과

중첩된 인용문

중첩된 인용문

중첩된 인용문

중첩된 인용문


9. 표(Table)

행을 |로 구분한다.

🤔 작성법

값 | 의미 | 기본값
--|--|--
static | 기준 없음 | O
relative | 요소 자신 | X


왼쪽 정렬 | 가운데 정렬 | 오른쪽 정렬
--|:--:|--:
left | center | right

👉 결과
position 속성

의미기본값
static기준 없음O
relative요소 자신X

정렬

왼쪽 정렬가운데 정렬오른쪽 정렬
leftcenterright

10. 이미지(수정 예정)

🤔 작성법

![HEROPY]()

👉 결과

profile
🙋‍♀️

0개의 댓글