Add # at the start of a line — the number of # sets the level, from 1 (largest) to 6 (smallest). Keep a blank line before and after a heading.

# Heading level 1
## Heading level 2
### Heading level 3
#### Heading level 4
##### Heading level 5
###### Heading level 6

Tip: The Heading button on the PlainApp editor toolbar inserts these for you.

Separate paragraphs with a blank line. To break a line within a paragraph, end the line with a backslash.

First paragraph.

Second paragraph.

Line one\
Line two

Wrap text in double asterisks for bold or single asterisks for italic. Two tildes render strikethrough.

**bold text**

*italic text*

~~struck through~~

**bold and *nested italic***

Start a line with - for a bullet or 1. for a numbered item. Indent with spaces to nest items. Use - [ ] for a checklist and - [x] when done.

- One
- Two
- Three

1. First
2. Second
3. Third

- [ ] Buy milk
- [x] Write the note

- Fruit
  - Apple
  - Banana
- Vegetable

Start a line with > to quote. In PlainApp, > [!note] turns the block into a callout box.

> This is a blockquote.

> [!note] Heads up
> This renders as a callout box in PlainApp.

Wrap inline code in single backticks. Use triple backticks for a code block, and add a language name after them for syntax highlighting.

Use `inline code` for short snippets.

```js
console.log("hello");
```

console.log("hello");

Tip: The Code button on the editor toolbar inserts inline code and code blocks.

Write [link text](URL). Wrap a bare URL in angle brackets to make it clickable. Put an image inside a link to make it clickable.

[PlainApp website](https://plainapp.app)

<https://plainapp.app>

[![PlainApp logo](/plainapp.svg)](https://plainapp.app)

Same as a link with an exclamation mark in front: .

![PlainApp logo](/plainapp.svg)

Build a table with pipes

| Left | Center | Right |
|:-----|:------:|------:|
| a    | b      | c     |
| d    | e      | f     |

Tip: The Table button on the editor toolbar inserts an empty table skeleton.

Three or more dashes, asterisks, or underscores on their own line create a divider. Leave a blank line above it, or the previous line turns into a heading.

First section.

---

Second section.

Prefix a backslash to show characters that Markdown would otherwise format, like * _ # or backtick.

\*not italic\*

\# not a heading

PlainApp also renders a few HTML tags in notes: underline, highlight, colored text, and collapsible details.

<u>underlined text</u>

<mark>highlighted text</mark>

<font color="#8b5cf6">colored text</font>

<details>
<summary>Click to expand</summary>
Hidden content here.
</details>

Superscript x^2^, subscript H~2~O, inline math $E = mc^2$, math blocks with $$, footnotes [^1], and %% comments %% that stay hidden in the rendered note.

x^2^ + y^3^

H~2~O

Inline math $E = mc^2$ and a block:
$$
a^2 + b^2 = c^2
$$

See the footnote[^1] for details.

[^1]: This is the footnote text.

%% This comment stays hidden in PlainApp %%

Tip: Math, footnotes and callouts render as rich blocks in PlainApp notes; the Result column here shows plain web output.