블로그에서 사용하는 문법 정리

해당 글은 https://imreplay.com 블로그에서 작성자의 허락을 맡고 포스팅하는 자료입니다.

제목

# H1

## H2

### H3

#### H4

##### H5
###### H6

인용

>

>>

>>>

>>>>

리스트

  1. 1번
  2. 2번
  3. 3번
* 항목
* 항목
  * 요소
  - 요소
  + 요소
    * 요소 안에 또 요소
      * 안에 한개더
  • 항목
  • 항목
    • 요소
    • 요소
    • 요소
      • 요소 안에 또 요소
        • 안에 한개더

코드 강조

```python

for i in data:
  print(i)
  
def add(a,b):
  return a+b
  
print('hello world!')

```
for i in data:
  print(i)
  
def add(a,b):
  return a+b
  
print('hello world!')

강조

**Bold**

__Bold2__

~~취소선~~

_기울임_

*기울임2*

링크

<http://facebook.com/> http://facebook.com/

[googlelink](https://google.com) googlelink

이미지

alt text

| Header1 | Header2 | Header3 |
|:--------|:-------:|--------:|
| cell1   | cell2   | cell3   |
| cell4   | cell5   | cell6   |
Header1 Header2 Header3
cell1 cell2 cell3
cell4 cell5 cell6

버튼

Default Button Primary Button Success Button Warning Button Danger Button Info Button Inverse Button Light Outline Button

[Default Button Text](#link){: .btn}
[Primary Button Text](#link){: .btn .btn--primary}
[Success Button Text](#link){: .btn .btn--success}
[Warning Button Text](#link){: .btn .btn--warning}
[Danger Button Text](#link){: .btn .btn--danger}
[Info Button Text](#link){: .btn .btn--info}
[Inverse Button](#link){: .btn .btn--inverse}
[Light Outline Button](#link){: .btn .btn--light-outline}

X-Large Button Large Button Default Button Small Button

[X-Large Button](#link){: .btn .btn--primary .btn--x-large}
[Large Button](#link){: .btn .btn--primary .btn--large}
[Default Button](#link){: .btn .btn--primary }
[Small Button](#link){: .btn .btn--primary .btn--small}

Notice

**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice}` class.
{: .notice}

**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice--primary}` class.
{: .notice--primary}

**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice--info}` class.
{: .notice--info}

**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice--warning}` class.
{: .notice--warning}

**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice--success}` class.
{: .notice--success}

**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice--danger}` class.
{: .notice--danger}


{% capture notice-text %} 
You can also add the .notice class to a div element.

* Bullet point 1
* Bullet point 2
{% endcapture %}

<div class="notice--info">
  <h4>Notice Headline:</h4>
  {{ notice-text | markdownify }} 
</div>

Watch out! This paragraph of text has been emphasized with the {: .notice} class.

Watch out! This paragraph of text has been emphasized with the {: .notice--primary} class.

Watch out! This paragraph of text has been emphasized with the {: .notice--info} class.

Watch out! This paragraph of text has been emphasized with the {: .notice--warning} class.

Watch out! This paragraph of text has been emphasized with the {: .notice--success} class.

Watch out! This paragraph of text has been emphasized with the {: .notice--danger} class.

Notice Headline:

You can also add the .notice class to a <div> element.

  • Bullet point 1
  • Bullet point 2

정의

사과 나무
사과나무는 장미목 장미과 배나무아과 사과나무속에 딸린 종이다. 4월에서 5월 사이에 꽃을 피운다. 열매는 8~9월에 꽃받침이 자라면서 녹색 또는 붉은색으로 생긴다. 70~100여 년간 살고 경제적 가치가 있는 열매를 생산하는 시기는 40~50살 쯤이다. 그 열매는 사과라 하며, 세계적으로 가장 널리 재배되는 과일 품종 가운데 하나이다. 평과라고도 한다.

수평선

---

(축)약어

HTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language, 문화어: 초본문표식달기언어, 하이퍼본문표식달기언어)라는 의미의 웹 페이지를 위한 지배적인 마크업 언어다.

*[HTML]: HyperText Markup Language

HTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language, 문화어: 초본문표식달기언어, 하이퍼본문표식달기언어)라는 의미의 웹 페이지를 위한 지배적인 마크업 언어다.

주석

{::comment}
이곳은 표시되지 않습니다.
{:/comment}

{::comment}이곳 또한 표시되지 않습니다.{:/}

각주

페이지 최하단에 표시되어집니다.

각주1 1, 각주2 2

  1. 각주 내용 1 

  2. 각주 내용 2 

댓글남기기