Basic text editing with markdown

In this page we show examples of general text editing using Markdown, a plain text way used to write formatted text, or MDX, a Markdown extension that accepts JSX components.

Other references:

Headers

In Interactive Handouts headers are used to create the Table of contents shown on the right side of the page. To create a heading, add # in front of a word or phrase. The number of # impacts the heading level. Level 1 headers # Like this are reserved for the title of the page.

## Heading level 2

### Heading level 3

#### Heading level 4

Text

Text is added by… just writing text. Paragraphs are separated by an empty line.

This is a single paragraph even though it is split in three lines.

This is a single paragraph
even though it is split in three
lines.

Bold, italics and other text emphasis

Basic formatting can be done using simple text annotations. See the example below for some common text formatting.

It is very easy to type bold, italic and monospaced text. We can also ==highlight==, strikethrough and ^^underline^^ text. All these can be applied ==together and may span== ^^many words^^.. We can also put type ^superscript^ and subscript text.

It is very easy to type **bold**, _italic_ and `monospaced` text. We can also ==highlight==, ~~strikethrough~~ and ^^underline^^ text. All these **can _be applied_ ==together and may span== ^^many words^^.**. We can also put type ^superscript^ and ~subscript~ text.

Lists

Lists can be made as follows:

Result:

  • First item
  • Second item
  • Third item
    • Sub item 1
    • Sub item 2

Markdown:

- First item
- Second item
- Third item
  - Sub item 1
  - Sub item 2

Result:

  1. First item
  2. Second item
  3. Third item
    1. Sub item 1
    2. Sub item 2

Markdown:

1. First item
1. Second item
1. Third item
   1. Sub item 1
   1. Sub item 2

Result:

  • No checked
  • Checked item

Markdown:

- [ ] No checked
- [x] Checked item

Images

You can add images with ![](image_path).

![](./icon-elementos.png)

Formulas

You can also add LaTeX\LaTeX formulas: k=1xkk!=ex\sum\limits_{k=1}^\infty \frac{x^k}{k!} = e^x (this formula was created with the code $\sum\limits_{k=1}^\infty \frac{x^k}{k!} = e^x$).

Tables

Markdown tables are rendered as:

Left alignedCentered contentRight aligned content
Content 1Content 1Content 1
Content 2Content 2Content 2
Content 3Content 3Content 3
Left alignedCentered contentRight aligned content
Content 1Content 1Content 1
Content 2Content 2Content 2
Content 3Content 3Content 3