블럭

인용 블럭

인용 블럭(quote block)

sample/c02/block/02_block_quote.qmd 코드

> 로렘 입숨(lorem ipsum; 줄여서 립숨, lipsum)은 출판이나 그래픽 디자인 분야에서 폰트, 타이포그래피, 레이아웃 같은 그래픽 요소나 시각적 연출을 보여줄 때 사용하는 표준 채우기 텍스트로, 최종 결과물에 들어가는 실제적인 문장 내용이 채워지기 전에 시각 디자인 프로젝트 모형의 채움 글로도 이용된다. 이런 용도로 사용할 때 로렘 입숨을 그리킹(greeking)이라고도 부르며, 때로 로렘 입숨은 공간만 차지하는 무언가를 지칭하는 용어로도 사용된다.



> 로렘 입숨(lorem ipsum; 줄여서 립숨, lipsum)은
>    출판이나 그래픽 디자인 분야에서 폰트, 타이포그래피, 레이아웃 같은
>         그래픽 요소나 시각적 연출을 보여줄 때 사용하는 표준 채우기 텍스트로,
>     최종 결과물에 들어가는 실제적인 문장 내용이 채워지기 전에
> 시각 디자인 프로젝트 모형의 채움 글로도 이용된다.
>   이런 용도로 사용할 때 로렘 입숨을 그리킹(greeking)이라고도 부르며,
>  때로 로렘 입숨은 공간만 차지하는 무언가를 지칭하는 용어로도 사용된다.

sample/c02/block/02_block_quote.qmd 결과

로렘 입숨(lorem ipsum; 줄여서 립숨, lipsum)은 출판이나 그래픽 디자인 분야에서 폰트, 타이포그래피, 레이아웃 같은 그래픽 요소나 시각적 연출을 보여줄 때 사용하는 표준 채우기 텍스트로, 최종 결과물에 들어가는 실제적인 문장 내용이 채워지기 전에 시각 디자인 프로젝트 모형의 채움 글로도 이용된다. 이런 용도로 사용할 때 로렘 입숨을 그리킹(greeking)이라고도 부르며, 때로 로렘 입숨은 공간만 차지하는 무언가를 지칭하는 용어로도 사용된다.

라인 블럭

sample/c02/block/02_block_line.qmd 코드

| 로렘 입숨(lorem ipsum; 줄여서 립숨, lipsum)은 출판이나 그래픽 디자인 분야에서 폰트, 타이포그래피, 레이아웃 같은 그래픽 요소나 시각적 연출을 보여줄 때 사용하는 표준 채우기 텍스트로, 최종 결과물에 들어가는 실제적인 문장 내용이 채워지기 전에 시각 디자인 프로젝트 모형의 채움 글로도 이용된다. 이런 용도로 사용할 때 로렘 입숨을 그리킹(greeking)이라고도 부르며, 때로 로렘 입숨은 공간만 차지하는 무언가를 지칭하는 용어로도 사용된다.



| 로렘 입숨(lorem ipsum; 줄여서 립숨, lipsum)은
|    출판이나 그래픽 디자인 분야에서 폰트, 타이포그래피, 레이아웃 같은
|         그래픽 요소나 시각적 연출을 보여줄 때 사용하는 표준 채우기 텍스트로,
|     최종 결과물에 들어가는 실제적인 문장 내용이 채워지기 전에
| 시각 디자인 프로젝트 모형의 채움 글로도 이용된다.
|   이런 용도로 사용할 때 로렘 입숨을 그리킹(greeking)이라고도 부르며,
|  때로 로렘 입숨은 공간만 차지하는 무언가를 지칭하는 용어로도 사용된다.

sample/c02/block/02_block_line.qmd 결과

로렘 입숨(lorem ipsum; 줄여서 립숨, lipsum)은 출판이나 그래픽 디자인 분야에서 폰트, 타이포그래피, 레이아웃 같은 그래픽 요소나 시각적 연출을 보여줄 때 사용하는 표준 채우기 텍스트로, 최종 결과물에 들어가는 실제적인 문장 내용이 채워지기 전에 시각 디자인 프로젝트 모형의 채움 글로도 이용된다. 이런 용도로 사용할 때 로렘 입숨을 그리킹(greeking)이라고도 부르며, 때로 로렘 입숨은 공간만 차지하는 무언가를 지칭하는 용어로도 사용된다.

로렘 입숨(lorem ipsum; 줄여서 립숨, lipsum)은
   출판이나 그래픽 디자인 분야에서 폰트, 타이포그래피, 레이아웃 같은
        그래픽 요소나 시각적 연출을 보여줄 때 사용하는 표준 채우기 텍스트로,
    최종 결과물에 들어가는 실제적인 문장 내용이 채워지기 전에
시각 디자인 프로젝트 모형의 채움 글로도 이용된다.
  이런 용도로 사용할 때 로렘 입숨을 그리킹(greeking)이라고도 부르며,
때로 로렘 입숨은 공간만 차지하는 무언가를 지칭하는 용어로도 사용된다.

콜아웃 블럭

HTML DIV 요소에 callout-note와 같이 콜아웃 블럭(callout-block) 클래스 지정을 하면 내용 강조를 위한 박스 형태를 만들 수 있다. 콰르토에서 지원하는 콜아웃 블럭 클래스는 다음 5가지 종류다.

callout-note
callout-warning
callout-important
callout-tip
callout-caution

sample/c02/block/02_block_callout.qmd 코드

::: {.callout-note}
note 콜아웃
:::

::: {.callout-warning}
warning 콜아웃
:::

::: {.callout-important}
important 콜아웃
:::

::: {.callout-tip}
tip 콜아웃
:::

::: {.callout-caution}
caution 콜아웃
:::

sample/c02/block/02_block_callout.qmd 결과

Note

note 콜아웃

Warning

warning 콜아웃

Important

important 콜아웃

Tip

tip 콜아웃

Caution

caution 콜아웃

제목 변경

sample/c02/block/02_block_title.qmd 코드

::: {.callout-note title="콜아웃 블럭 제목"}
제목이 있는 콜아웃
:::

sample/c02/block/02_block_title.qmd 결과

콜아웃 블럭 제목

제목이 있는 콜아웃

아이콘 제거

sample/c02/block/02_block_noicon.qmd 코드

::: {.callout-note title="콜아웃 블럭 제목" icon="false"}
아이콘이 없는 콜아웃
:::

sample/c02/block/02_block_noicon.qmd 결과

콜아웃 블럭 제목

아이콘이 없는 콜아웃

모양 변경

sample/c02/block/02_block_appearance.qmd 코드

::: {.callout-note appearance="default"}
디폴트 스타일 콜아웃
:::

::: {.callout-note appearance="simple"}
simple 스타일 콜아웃
:::

::: {.callout-note appearance="minimal"}
minimal 스타일 콜아웃
:::

sample/c02/block/02_block_appearance.qmd 결과

Note

디폴트 스타일 콜아웃

simple 스타일 콜아웃

minimal 스타일 콜아웃

인용 블럭

라인 블럭

콜아웃 블럭

제목 변경

아이콘 제거

모양 변경

참조