블로그에서 사용하는 문법 정리
해당 글은 https://imreplay.com 블로그에서 작성자의 허락을 맡고 포스팅하는 자료입니다.
제목
# H1
## H2
### H3
#### H4
##### H5
###### H6
인용
>
>>
>>>
>>>>
…
리스트
- 1번
- 2번
- 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
이미지
표
| 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}이곳 또한 표시되지 않습니다.{:/}
각주
페이지 최하단에 표시되어집니다.
댓글남기기