IBM i Notebook - Markdown syntax

By kimot, 4 July, 2024

Markdown is special kind of markup language significantly simpler than HTML and it may be the best form for simple text formatting. More information you can find on Markdownguide. 
If you are using DB2 for IBM i or IBM i Notebooks extensions in Visual Studio Code this cheatsheet can be useful. Only the syntax that works on IBM i Notebooks is listed here.

Headers :

#       Header 1
##      Header 2
###     Header 3
####    Header 4
#####   Header 5
######  Header 6

Bold :

**Bold text**

Italics :

*Text in italics*
_Text in italics_

Bold & Italics :

***Bold &Italics text***

Scratch text :    Scratch this

~~Scratch~~

Blockquotes :

>Block of text
>still same block 

>Main block
>>nested block
>>>second nested block

Horizontal line :

---
___
***

Ordered list :

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

Unordered list :

- item
- item
- item

Links :

https://en.wikipedia.org
[Some text](https://en.wikipedia.org)

Picture :

![](https://www.wikipedia.org/portal/wikipedia.org/assets/img/Wikipedia-logo-v2.png)

Tasks list :

- [x] Some task
- [ ] Another task

Inline code :

`Block of inline code`
```
Another block of code
```

Table :

|HeaderA|HeaderB|HeaderC|
|-------|-------|-------|
|A      |B      |C      |
|1      |2      |3      |

Inline HTML :

<span style="color:blue">Text color</span>
<span style="font-family:Comic Sans MS">Text with the given font</span>

<div class="alert alert-block alert-info">
<b>Tip:</b> Use blue boxes (alert-info) for tips and notes.</div>

<div class="alert alert-block alert-warning">
<b>Example:</b> Use yellow boxes for examples that are not inside code cells, or use for mathematical formulas if needed. Typically also used to display warning messages.
</div>

<div class="alert alert-block alert-success">
<b>Success:</b> This alert box indicates a successful or positive action.
</div>

<div class="alert alert-block alert-danger">
<b>Danger:</b> This alert box indicates a dangerous or potentially negative action.
</div>

<code style="background:yellow;color:black">Text with specific background color.</code>

Text with <mark>marked</mark> tag.

Definition list
<dl>
<dt>First Term</dt>
<dd>Definition.</dd>
<dt>Second Term</dt>
<dd>Definition A. </dd>
<dd>Definition B.</dd>
</dl>