2.1.1.1 Heading

2.1.1.2 Paragraph

2.1.1.3 Line break

2.1.1.4 Quote

2.1.1.5 Quotation with multiple paragraphs

2.1.1.6 Horizontal rule

2.1.1.7 Lists

* Milk
* Bread
* Cheese
	* Roquefort
	* Camembert
* Rice

1. Milk
1. Bread
1. Cheese
	1. Roquefort
	1. Camembert
1. Rice

* [Joplin](https://joplinapp.org/)
* [Marked 2 - Smarter tools for smarter writers](https://marked2app.com/)

2.1.3.1 Web links

Images cannot be stored inside a Markdown text file. This means that the image must be stored elsewhere. This why the syntax is the same for a web link, with the difference that an exclamation mark ! is just before the image link.
The code ![Alfred E. Neuman](https://www.dropbox.com/scl/fi/emssrbp6ryug2qaznjgud/Like-Mad.jpg?rlkey=q612dw4dw9ab5wct488g2vmg8&raw=1) displays the following image:

The text inside the bracket is an alternative text description of the image, which is useful when the link to the image does not work.

Not only can you display an image, you can also make it a link. To do so you enclose the image inside brackets (as if it was the text of a link) and append the address of the link between parentheses.
Using the code [![Joplin](https://www.dropbox.com/scl/fi/niucosis01vur3vskw84a/Joplin-2x.png?rlkey=18twvivdflvu4l7m9ymz0ve92&raw=1)](https://joplinapp.org) we generate an image with a link to the Joplin site (I love Joplin!)

As in most languages, Markdown has its own reserved characters that you cannot simply display in the code output.
These characters are

• \\

• `

• *

• _

• { and }

• [ and ]

• ( and )

• #

• +

• -

• . (dot)

• !

• | (pipe)

To display them, you have to put a backslash \  before the character. For instance, to display an asterisk character, the code is \* .

2.2.2.1 Syntax

| Description | Markdown code | Output |
| ---------- | :--------------: | ------ |
| Bold text | **Bold**| **Bold** |
| Italic | *Italic*| *Italic* |
| Bold Italic | ***Important***| ***Important*** |
| Code | This is `some code` | This is some code |

2.2.2.2 Alignment

2.2.2.3 Formatting Text in Tables

To embed blocks of code in markdown, you just have to put before and after the markdown code a line with the triple tick ( ``` ) of three tildes ( ~~~ ). This is how the code of the styling table was exhibited in the previous section. Here is an example

```
This is my markdown code
```

This code display was itself coded using triple tildes!

In some editors, specifing the language just after the first triple tick invokes syntax coloring. Here is an HTML example:

<p>
 The link is specified as before, but a <b>target</b> attribute is added
 with value <b>_blank</b>. Here is an
 <a href="Lists.html" target="_blank">internal link</a>.
</p>

A footnote is made of two parts. Both parts must be in the same paragaph.
The first part define the location and reference of the footnote. To create it, add a caret and an identifier inside brackets: [^identifier] .
Here is some text with a footnote link My first footnote.
The content of the footnote content is [^identifier]: the footnote text where the content ends with the next newline character.

You can use "definitions" by putting a colon followed by a space at the beginning of the text:
: This is the definition of the first term. .

First Term
This is the definition of the first term.

Second Term
This is one definition of the second term.
This is another definition of the second term

Using double tilde ~~ delimiters you can create the following text style:

The following text is invalid.

The code for this is The following text is ~~invalid~~.

To add a task list, begin your lines with a hyphen - followed by a pair of brackets. If a space is inside the brackets [ ] , the checkbox is unmarked. If an x is inside the brackets [x] , the checkbox is marked. Here is an example:

• Finish the Markdown primer

• Give a task list example

In Joplin, marking or unmarking the checkboxes in the preview is directly reflected into the source code In the web page, the marking action is performed, but does not affect the code (if you refresh the page, the previous state is restored) .

Simply paste the emoji in the source to have it displayed in the output. An example follows:

Go to 📙 Emojipedia — 😃 Home of Emoji Meanings 💁👌🎍😍 to learn about emojis. Here is a sample list of emojis:

• happy face 😀

• poop 💩

Some markdown processers (like Joplin) render LaTeX code. To display an equation, use the double dollar $$ delimiter. To render Maths inside text (aka LR mode), use single dollar $ delimeters. Here is an example:

Let us display an differential equation in integral form:

Now let us put it into text by using the more compact differential form \( \frac{dx}{dt}=f(x)\;\;x(0)=x_{0}\) . The source code is below (using the "LATEX" language specification for syntax coloring):

Let us display an differential equation in integral form:
\[ x(t)=x_{0}+\int_{0}^{t}f(x(s))ds\] 
Now let us put it into text by using the more compact differential form \( \frac{dx}{dt}=f(x)\;\;x(0)=x_{0}\) . The source code is below (using the "LATEX" language specification for syntax coloring):

If you consider exporting your markdown code, please, please, do not drag and drop media files into Joplin. Publish your media files to the cloud and use valid URLs, not tiny URLs like"https://brurb.crap/jZ7bi56MN". These URLs are not robust.

The safest export to a markdown file is to

• copy the markdown source code of your note

• create a new document in a plain text editor

• paste the code

• save the file with a ".md" extension

Then you can open it in an export savvy Markdown application with good export capabilities. Beware that part of the code may work in Joplin but not in other apps. If you want to play it safe, stick to the syntax described in the Elementary syntax section.

4.3.3.1 Export options

4.3.3.2 Styling