---
title: "Lab: Flavoured Markdown & HTML Element Preview"
date: 2023-09-03
excerpt: Test Flavoured Markdown Content & HTML Elements with style
tags:
- Blog
- CSS
- Markdown
---
## Task Lists
- [ ] todo task
- [ ] Subtask one
- [ ] Subtask two
- [x] done task
- [x] Done task one
## Callouts
> [!TLDR]
>
> TLDR
> [!example]
>
> Example
> [!info]
>
> Info
> [!warning]
>
> Warning
> [!error]
>
> Error
## Mermaid-Diagram
```mermaid
classDiagram
Class01 <|-- AveryLongClass : Cool
<> Class01
Class09 --> C2 : Where am I?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
class Class10 {
<>
int id
size()
}
```
## HTML Elements
- Sub: H2O
- Sup: x2
- Insert: inserted text
- Abbr: HTML
- Kbd:
⇥
Q
W
E
R
T
Y
U
I
O
P
⇪
A
S
D
F
G
H
J
K
L
⇧
Z
X
C
V
B
N
M
/
⌃
⌥
⌘
## Read More
- [[math_preview| Math]]