MarkDown 태그

By on May 15, 2019

Header 표현

  • <h1> ~ <h6> 까지 표현

# Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6
  • <h1> , <h2> 는 다음과 같이 표현 가능

제목 1
======
제목 2
------

제목 1

제목 2

강조(Emphasis)

  • 밑줄 <u>밑줄</u>

    밑줄

  • 이텔릭체 *이텔릭체* or _이텔릭체_

    이텔릭체 이텔릭체

  • 두껍게 **두껍게** or __두껍게__

    두껍게, 두껍게

  • 취소선 ~~취소선~~

    취소선

목록(List)

  • 사용 ·, +또는 -같은 정렬되지 않은 목록을 표시
    (+ *) 첫 번째 항목 - (+ *) 두 번째 항목 - (+ *) 세 번째 항목

참고 : 태그 뒤에 space 또는 _tab _이 하나 이상 있어야합니다. 참조 블록에없는 경우 단락과 이전 단락 사이에 빈 줄이 있어야합니다.

  • 첫 번째 항목
  • 두 번째 항목
  • 세 번째 항목

순서가 지정된 목록의 순서는 숫자로 작성한다.

  1. 첫 번째 항목
  2. 두 번째 항목
  3. 세 번째 항목
  • 일반 링크 만들기 [링크명] (링크주소)
  • 참조링크 그대로 사용하기 <링크주소>

    일반링크 : Google
    참조링크 : http://google.com

이미지(Images)

  • 이미지 넣기 ![이미지명](이미지주소)
  • 이미지에 링크 [![이미지명](이미지주소)](링크주소)

코드(Code) 블록

  • 코드 블록은 코드 시작과 끝에 빈줄이 있으며 한 dapth 들어가있다.
    Void main ()
    {
    printf ( “Hello, Markdown.”);
    }
Void main () 
{ 
	printf ( "Hello, Markdown."); 
}

표(Table)

| 값 | 의미 | 기본값 |
|—|:—:|—:|
|static | 유형(기준) 없음 / 배치 불가능 |static|
|relative| 요소 자신을 기준으로 배치 | |
|absolute| 위치 상 부모(조상)요소를 기준으로 배치 | |
|fixed | 브라우저 창을 기준으로 배치 | |

값 의미 기본값
static 유형(기준) 없음 / 배치 불가능 static
relative 요소 자신을 기준으로 배치  
absolute 위치 상 부모(조상)요소를 기준으로 배치  
fixed 브라우저 창을 기준으로 배치  

인용문(BlockQuote)

  • 인용문(blockQuote)

> 인용문을 작성하세요!
>> 중첩된 인용문(nested blockquote)을 만들 수 있습니다.
>>> 중중첩된 인용문 1
>>> 중중첩된 인용문 2
>>> 중중첩된 인용문 3

인용문을 작성하세요!

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

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

원시 HTML(Raw HTML)

  • 마크다운 문법이 아닌 원시 HTML 문법을 사용
    마크다운에서 지원하지 않는 기능을 사용할 때 유용하며 대부분 잘 동작합니다. 
    <img width="100px" height="100px" src="https://developers.google.com/site-assets/logo-google-g.svg" alt="google" title="google logo">

    google

수평선(Horizontal Rule)

  • Hyphens ---

줄바꿈(Line Breaks)

  • 띄어쓰기 2번 or <br>

Back to blog