Skip to content

kctzstyle/Markdown

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 

Repository files navigation

Markdown (마크다운)

Markdown Documentation (마크다운 문서)

Tutorial


Header (헤더)

해시태그 `#`는 html에서의 `h1` 태그 역할과 같으며,
html에서 `h1` ~ `h6` 까지 존재하는데, `#` 역시 6개까지 가능합니다.

Example

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

h1

h2

h3

h4

h5
h6

####### h7은 없습니다.

Headline (헤드라인)

대시(Hyphen) 기호를 세번 `---` 이상 붙이면 html에서의 `hr` 태그 역할을 합니다.
하지만 `---` 위에 문장이 들어가면 `h1` 태그와 동일합니다.
`---` 뿐만 아니라 `- - -`, `* * *`, `***`, `===`, `= = =` 역시 가능합니다.

Example

---

`---` 위에 문장이 들어가면 h1이 됩니다.
---

--- 위에 문장이 들어가면 h1이 됩니다.

List (목록)

순서 있는 리스트 만들기

html에서의 `ol` 태그(Ordered List) 안의 `li` 태그 역할을 합니다.
숫자와 점(Dot; `.`) 기호를 사용합니다.

Example

1. 예시1
2. 예시2
3. 예시3
  1. 예시1
  2. 예시2
  3. 예시3

순서가 필요없는 리스트 만들기

`-`, `+`, `*` 기호 뒤에 문장을 작성하면 `ul` 태그(Unordered List) 안의 `li` 태그 역할을 합니다.
공백(Space; 스페이스)이 2개가 추가될 때마다 상위 항목에 종속됩니다.

Example

- 예시1
  - 예시1-1
  - 예시 1-2
- 예시2
  - 예시 2-1
  - 예시 2-2
    - 예시 2-2-1
    - 예시 2-2-2
    - 예시 2-2-3
- 예시3
  - 예시 3-1
  - 예시 3-2
  - 예시 3-3
  • 예시1
    • 예시1-1
    • 예시 1-2
  • 예시2
    • 예시 2-1
    • 예시 2-2
      • 예시 2-2-1
      • 예시 2-2-2
      • 예시 2-2-3
  • 예시3
    • 예시 3-1
    • 예시 3-2
    • 예시 3-3

Block Quote (인용문)

html에서의 `blockquote` 태그 역할과 동일하며 `>` 기호를 사용합니다.
`>` 기호가 추가될 때마다 상위 인용문에 종속됩니다.

Example

> 인용문1
>> 인용문2
>>> 인용문3
>>>> 인용문4
...
> 인용문5
> 인용문6
>> 인용문7
>> 인용문8
>>> 인용문9

인용문1

인용문2

인용문3

인용문4

인용문5 인용문6

인용문7 인용문8

인용문9

Code (코드 강조 문법)

html에서의 `code` 태그와 동일하며 ` 기호를 사용합니다.

Example

`code` 강조 문법

code 강조 문법

Block Code (블럭 코드 강조 문법)

html에서의 `pre` 태그와 동일하며 ` 기호를 3번 이상 사용합니다.
``` 옆에 프로그래밍 언어를 적으면 해당 언어의 코드 문법 강조로 변환되어 보여줍니다.

Example


```
This is Code Block
이것은 코드 블럭 입니다.
```

```console
$ console
git clone https://github.com/kctzstyle/Markdown.git
```

```html
<html>
<body>
  <h1>Hello, Markdown!</h1>
</body>
</html>
```

```python
# Python
print('Hello, Markdown!')
```

This is Code Block
이것은 코드 블럭 입니다.
$ console
git clone https://github.com/kctzstyle/Markdown.git
<html>
<body>
  <h1>Hello, Markdown!</h1>
</body>
</html>
# Python
print('Hello, Markdown!')

Link (링크)

html에서의 `a` 태그 역할과 동일하며 `[문장](링크 "설명<옵션>")` 형식으로 사용합니다.
설명은 선택사항(옵션)이며, 추가하게 되면 마우스 커서를 올렸을 때 표시되는 문구입니다.
`a` 태그의 `title` 속성과 동일합니다.

Example

[My GitHub](https://github.com/kctzstyle "나의 깃허브 프로필")

My GitHub

Image (이미지)

html에서의 `img` 태그 역할을 하며 `![문장](이미지 링크 "설명")` 형식으로 사용합니다.
설명은 선택사항이며, 위의 `Link (링크)`의 사용법과 동일합니다.

Example

![My Avatar](https://avatars0.githubusercontent.com/u/77194159?s=460&u=adc2823db5e5045fc6efe12fbdf88d5669e313fb&v=4 "My Avatar")

My Avatar

혼합해서 사용하기

html에서의 `img` 태그와 `a` 태그를 같이 사용하는 것과 동일합니다.
[![문장](이미지 링크)](링크) 형식을 사용합니다.

Example

[![My Avatar](https://avatars0.githubusercontent.com/u/77194159?s=460&u=adc2823db5e5045fc6efe12fbdf88d5669e313fb&v=4)](https://github.com/kctzstyle)

My Avatar

Font (글꼴)

`*문장*` 혹은 `_문장_`, `**문장**` 혹은 `__문장__`, `~~문장~~`은
각각 html에서의 `i` 태그(italic; 기울임), `b` 태그(bold; 굵게), `s` 태그(specifies; 취소선)과 동일합니다.

Example

*single asterisks*

_single underscores_

**double asterisks**

__double underscores__

~~cancelline~~

single asterisks

single underscores

double asterisks

double underscores

cancelline

Table (표)

html에서의 `table` 태그와 동일하며 다음과 같이 사용합니다.
| Column1 | Column2 |
| ------- | ------- |
| Row1    | Row1    |
| Row2    | Row2    |
...

Example

| Column1 | Column2 |
| ------- | ------- |
| Row1    | Row1    |
| Row2    | Row2    |
Column1 Column2
Row1 Row1
Row2 Row2

체크박스(Check Box)

html에서의 `input` 태그 `type` 옵션 중 `checkbox`와 동일하며, 다음과 같이 사용합니다.
- [x] A
- [ ] B
- [x] C
- [ ] D
- [x] E
...

Example

- [x] A
- [ ] B
- [x] C
- [ ] D
- [x] E
  • A
  • B
  • C
  • D
  • E

About

Markdown Documentation (마크다운 문서)

Topics

Resources

Stars

Watchers

Forks