Table of Contents

Quarto Special Markup

Code Block with Filename

```{.c filename="main.c"}
#include <stdio.h>

int main() {
    printf("Hello, world!\n");

    return(0);
}
```

Callout Blocks

:::{.callout-note}
This is a note.
:::
:::{.callout-tip}
This is a tip.
:::
:::{.callout-warning}
This is a warning.
:::
:::{.callout-caution}
This is a caution.
:::
:::{.callout-important}
This is important!
:::

Spans

[This text is smallcaps]{.smallcaps}
[This text is underlined]{.underline}
[This text is highlighted]{.mark}

Diagrams

Quarto has native support for embedding Mermaid and Graphviz diagrams. This enables you to create flowcharts, sequence diagrams, state diagrams, Gantt charts, and more using a plain text syntax inspired by markdown.

For example, here we embed a flowchart created using Mermaid:

```{mermaid}
flowchart LR
  A[Hard edge] --> B(Round edge)
  B --> C{Decision}
  C --> D[Result one]
  C --> E[Result two]
```

Equations

inline math: $E = mc^{2}$

display math:

$$E = mc^{2}$$

Raw Content

```{=html}
<iframe src="https://quarto.org/" width="500" height="400"></iframe>
```

Videos

{{< video https://www.youtube.com/embed/wo9vZccmqwc >}}