> 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="https://887975652-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlSTApa0gGqZr1iiroILY%2Fuploads%2FYQTYnd8eDGIEQj5vX2ks%2Fimage.png?alt=media&amp;token=733d0c5b-b11d-45e1-b999-898a078222a8" 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 %}