> For the complete documentation index, see [llms.txt](https://rubii.gitbook.io/rubii-tutorials-for-ai-chat/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rubii.gitbook.io/rubii-tutorials-for-ai-chat/tutorials/markdown-cheat-sheet.md).

# Markdown cheat sheet

Rubii.ai supports html and markdown. \
\
Here are the common markdown syntax.

| Font/effects    | Syntax                  | example                                                                  |
| --------------- | ----------------------- | ------------------------------------------------------------------------ |
| Italics         | \*  \*                  | *We're no strangers to love*                                             |
| Bold            | \*\* \*\*               | **You know the rules and so do I**                                       |
| Code            | \` \`                   | `A full commitment's what I'm thinkin' of`                               |
| Strikethrough   | \~\~ \~\~               | ~~You wouldn't get this from any other guy~~                             |
| code block      | <p>`<br>`</p>           | <img src="/files/pG1cnnwAv9lHvXG0Wut0" alt="" data-size="original">      |
| hyperlink       | \[desc]\(link)          | [Gotta make you understand](https://www.youtube.com/watch?v=xvFZjo5PgG0) |
| quote           | >                       | <blockquote><p>Never gonna give you up</p></blockquote>                  |
| unordered list  | -                       | <ul><li>Never gonna let you down</li></ul>                               |
| Horizontal rule | \*\*\* or \_\_\_ or --- |                                                                          |

### Common html practices you can use when creating moments:

{% hint style="info" %}

#### All of the following code must be in between \<plot> and \</plot> , otherwise it will not work.

{% endhint %}

#### Collapse/Accordion Menu

```html

<plot>
<details>
<summary>This is a collapse</summary>
Here are the content that are hidden when the collapse is being folded.
You can write a lot of stuff in here.
</details>
</plot>
```

#### Audio Playback

<pre class="language-html"><code class="lang-html"><strong>&#x3C;audio controls autoplay>&#x3C;source src="YOUR_AUDIO_LINK" type="audio/mpeg">&#x3C;/audio>
</strong></code></pre>

#### Audio Playback (loop)

<pre class="language-html"><code class="lang-html"><strong>&#x3C;audio controls autoplay loop>&#x3C;source src="YOUR_AUDIO_LINK" type="audio/mpeg">&#x3C;/audio>
</strong></code></pre>

#### Display An Image

```markdown
![.](YOUR_IMAGE_LINK)
```

{% hint style="info" %}
we recommend [postimages](https://postimages.org) for a fast and easy-to-use image host.
{% endhint %}