마크다운(mark down) 문법

JoongHyun's Blog·2022년 10월 29일
0

마크다운 이란?

마크다운(Markdown)은 일반 텍스트 문서의 양식을 편집하는 문법입니다.
README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰입니다. 비교적 문법이 간단하다보니 여러곳에서 쓰이는것 같습니다.
마크다운을 이용해 작성된 문서는 쉽게 HTML 등 다른 문서 형태로 변환이 가능합니다.

Markdown Syntax

제목 셀1제목 셀2제목 셀3제목 셀4
내용 1내용 2내용 3내용 4
내용 5내용 6내용 7내용 8
내용 9내용 10내용 11내용 12
|제목 셀1|제목 셀2|제목 셀3|제목 셀4|
|---|---|---|---|
|내용 1|내용 2|내용 3|내용 4|
|내용 5|내용 6|내용 7|내용 8|
|내용 9|내용 10|내용 11|내용 12|
  • 제목 (Header)
    HTML의 < h1 >부터 < h6 >으로 변환되며 제목을 표현할 때 사용합니다.
# 제목1
## 제목2
### 제목3
#### 제목4
ㅊ
제목5
제목6

- 인용문

HTML의 < hr > 태그로 변환됩니다.
수평선을 표시하는 방법은 여러가지가 있다.
각 기호를 3번 이상 입력하는 방법으로 사용한다.

--- (Hyphens)
*** (Asterisks)
___ (Underscore8)

(Underscore8)

- 인용문구 (Blockquote)

HTML의 < blockquote > 태그로 변환됩니다.
중첩해서 사용이 가능합니다.
인용안에서 마크다운 문법을 사용할 수 있습니다.

> 안용문구를 나타낼때 사용합니다.
>> 중첩해서 사용이 가능합니다.
>>> ##### 인용의 인용

안용문구를 나타낼때 사용합니다.

중첩해서 사용이 가능합니다.

인용의 인용

- 목록 (List)

HTML의 < ol >,< ul >,< li > 태그로 변환됩니다.

순서있는 목록 (ol)
순서있는 목록은 숫자와 점을 사용합니다.

1. 첫번째
2. 두번째
3. 세번째
2. 두번쨰
  1. 첫번째
  2. 두번째
  3. 세번째
  4. 두번째
    *특이한 점은 어떤 번호를 입력해도 순서는 내림차순으로 정의가 된다.


순서없는 목록 (ul)

- 대쉬 (hyphen)
* 별표 (asterisks)
+ 더하기 (plus sign)
  • 대쉬 (hyphen)
  • 별표 (asterisks)
  • 더하기 (plus sign)

- 강조 (Emphasis)

HTML의 < em >, < strong >, < del > 태그로 변환됩니다.
밑줄 은 < u >< /u > 태그를 사용하시면 됩니다.

이텔릭체: *텍스트* 또는 _텍스트_ 를 사용
두껍게: **텍스트** 또는 __텍스트__ 를 사용
취소선: ~~텍스트~~ 를 사용

이텔릭체: 텍스트 또는 텍스트 를 사용
두껍게: 텍스트 또는 텍스트 를 사용
취소선: 텍스트 를 사용
< u >밑줄< /u > 은 < u >< /u > 태그를 사용

HTML의 < a > 태그로 변환됩니다.

[링크](링크주소)
[링크](링크주소 "링크설명- 생략가능")

문서안에서 [참조링크] 사용가능합니다.
[참조링크노출설명][참조링크] 의 형태로 사용
[참조링크]: 참조링크주소 "링크설명 - 생략가능"

링크
구글

문서안에서 [참조링크] 사용가능합니다.
[github][참조링크] 의 형태로 사용
[참조링크]: https://github.com/Blackeyes0u0 "blackeyes github - hello

- 이미지

HTML의 < img > 태그로 변환됩니다.
링크와 비슷하지만 앞에 !가 붙습니다.

[![대체텍스트](링크 "링크설명")](링크주소)```
![image](https://play-lh.googleusercontent.com/ZyWNGIfzUyoajtFcD7NhMksHEZh37f-MkHVGr5Yfefa-IX7yj9SMfI82Z7a2wpdKCA=w480-h960-rw "just image")

- HTML 코드

마크다운 문법 뿐 아니라 원시 HTML문법을 사용할 수 있습니다.

<span style="color:hotpink">핫핑크</span>

핫핑크

html code

참조 https://mishka.kr/

CODE

<a href="https://www.google.co.kr/" target="_blank">GOOGLE</a>
.list > li {
  position: absolute;
  top: 40px;
}
function func() {
  var a = 'AAA';
  return a;
}
$ vim ./~zshrc
import numpy as np
import torch

s = "Python syntax highlighting"
print s
list1 = np.arry([[1,2],[3,4]])
list1 = torch.from_numpy(list1)



No language indicated, so no syntax highlighting. 
But let's throw in a tag.

인용문을 작성하세요!

중첩된 인용문(nested blockquote)을 만들 수 있습니다.

중중첩된 인용문 1
중중첩된 인용문 2
중중첩된 인용문 3

HTML 글자색 변경

    HTMl 글자 색 변경은 태그 뒤에 style 속성을 입력합니다. style 속성 뒤에 color 속성을 입력합니다. color 속성 뒤에 색상 이름 또는 색상 코드를 입력합니다. 글자 변경 속성은 text-color 또는 font-color가 아님을 주의합니다.

<h1 style="color:red;">HTML 글자색 변경</h1>

  <ol>
    <span style="color:green;">HTMl 글자 색 변경은 태그 뒤에 style 속성을 입력합니다.</span>
    <span style="color:blue;">style 속성 뒤에 color 속성을 입력합니다.</span>
    <span style="color:hotpink;">color 속성 뒤에 색상 이름 또는 색상 코드를 입력합니다.</span>
    <span style="color:#83AB57;">글자 변경 속성은 text-color 또는 font-color가 아님을 주의합니다.</span>
  </ol>

`>`블럭인용문자를 이용한다.
> 마크다운

실행결과

>블럭인용문자를 이용한다.

마크다운



[Google](https://www.google.com)

<https://www.google.com/>

<abc1@gmail.com/>

![vue image](https://vuejs.org/images/logo.png)

실행결과

Google

https://www.google.com/

abc1@gmail.com/

profile
AI와 수학, 일상 기록들

0개의 댓글